Add booking pages

2026-09-23 04:19:48 +00:00 · 2023-11-30 09:38:12 +07:00
parent a626e64e7a
commit 08b07ffd6b
12 changed files with 640 additions and 84 deletions
@@ -0,0 +1,36 @@
+import styled from 'styled-components';
+
+// Components
+import Button from '@commonStyle/Button';
+
+const StyledBooking = styled.main`
+  padding: 20px;
+  padding-bottom: 100px;
+
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+`;
+
+const Title = styled.h2`
+  font-size: var(--fs-md);
+  color: var(--dark-text);
+  text-transform: capitalize;
+`;
+
+const FormBtn = styled(Button)`
+  width: 100%;
+
+  &:disabled,
+  &[disabled] {
+    background-color: var(--disabled-btn-color);
+  }
+`;
+
+const StyledOperationTable = styled.div`
+  display: flex;
+  gap: 30px;
+  justify-content: flex-end;
+`;
+
+export { StyledBooking, Title, StyledOperationTable, FormBtn };