From 8ea8f61c460b3c6c5bea55dedee1f05ed3dd4814 Mon Sep 17 00:00:00 2001
From: Jaewook Ahn <dev.jaewook@gmail.com>
Date: Wed, 10 Aug 2022 21:47:12 +0900
Subject: [PATCH] Add Layout components

- write Content and Footer components
---
 src/components/Layout.tsx | 34 ++++++++++++++++++++++++++++++++++
 src/components/index.ts   |  1 +
 2 files changed, 35 insertions(+)
 create mode 100644 src/components/Layout.tsx

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
new file mode 100644
index 0000000..618eb10
--- /dev/null
+++ b/src/components/Layout.tsx
@@ -0,0 +1,34 @@
+/**
+ * External modules
+ */
+import styled from "styled-components";
+import { Layout } from "antd";
+
+export const Header = styled.div`
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    background-color: #f0f2f5;
+`;
+
+export const Content = styled(Layout.Content)`
+    margin-top: 124px;
+    background-color: #fafafa;
+`;
+
+export const Footer = styled(Layout.Footer)`
+    display: flex;
+    padding: 0 0 16px 0;
+    justify-content: center;
+    align-items: center;
+    background-color: #fafafa;
+
+    & * {
+        color: rgba(0, 0, 0, 0.3) !important;
+    }
+    & > div > * {
+        cursor: pointer;
+    }
+`;
diff --git a/src/components/index.ts b/src/components/index.ts
index 3754a67..fa13f48 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,2 +1,3 @@
 export { AddressList } from "./AddressList";
 export { ClickToCopyText } from "./ClickToCopyText";
+export * from "./Layout";