From b9af7c43677ed17a24aa74e859ec64eef3dda364 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Wed, 3 Feb 2021 22:14:42 +0900
Subject: [PATCH] feat: add colorCard component

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

diff --git a/components/ColorCard.tsx b/components/ColorCard.tsx
new file mode 100644
index 0000000..f08731e
--- /dev/null
+++ b/components/ColorCard.tsx
@@ -0,0 +1,18 @@
+const ColorCard = ({ header, first, second, className }:ColorCardProps):JSX.Element => {
+	return <div className={`rounded-lg p-10 ${className} shadow-lg`}>
+		<h2 className='text-2xl font-bold'>{header}</h2>
+		<p className='opacity-80'>
+			{first} <br/>
+			{second}
+		</p>
+	</div>
+}
+
+interface ColorCardProps {
+  header: string
+  first: string
+  second: string
+  className: string
+}
+
+export default ColorCard
\ No newline at end of file