From 4e0f121bf6c4bfc127ed8677418c7827d589e80e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Thu, 7 Jan 2021 01:15:38 +0900
Subject: [PATCH] feat: added Docs component

---
 components/Docs.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 components/Docs.tsx

diff --git a/components/Docs.tsx b/components/Docs.tsx
new file mode 100644
index 0000000..daf4f61
--- /dev/null
+++ b/components/Docs.tsx
@@ -0,0 +1,29 @@
+import Container from './Container'
+import Wave from './Wave'
+
+const Docs = ({ header, description, subheader, children }:DocsProps):JSX.Element => {
+	return <>
+		<div className='bg-discord-blurple dark:bg-discord-black'>
+			<Container className='pt-20 pb-28' ignoreColor>
+				<h1 className='mt-10 text-4xl text-gray-100 font-bold sm:text-left text-center'>{header}</h1>
+        <h2 className='mt-5 text-2xl text-gray-200 font-medium sm:text-left text-center'>{description}</h2>
+				<h2 className='mt-5 text-2xl text-gray-200 font-medium sm:text-left text-center'>{subheader}</h2>
+			</Container>
+		</div>
+		<Wave color='currentColor' className='text-discord-blurple dark:text-discord-black bg-white dark:bg-discord-dark'/>
+		<Container>
+			<div>
+				{children}
+			</div>
+		</Container>
+	</>
+}
+
+export default Docs
+
+interface DocsProps {
+  header: string
+  description?: string
+  subheader?: string
+  children: JSX.Element | JSX.Element[]
+}
\ No newline at end of file