From b7d2ef4c0fb3884d07fd60fb5ee3890a1c758f89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Mon, 4 Jan 2021 20:11:29 +0900
Subject: [PATCH] feat: added wave component

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

diff --git a/components/Wave.tsx b/components/Wave.tsx
new file mode 100644
index 0000000..8a36423
--- /dev/null
+++ b/components/Wave.tsx
@@ -0,0 +1,17 @@
+const Wave = ({ color, className }:WaveProps):JSX.Element => {
+	return (
+		<svg viewBox="0 0 1440 320" className={className}>
+			<path
+				fill={color}
+				d="M0 192l34.3 5.3C68.6 203 137 213 206 186.7c68.3-26.7 137-90.7 205-96 69-5.7 138 48.3 206 90.6C685.7 224 754 256 823 272c68.4 16 137 16 206 0 68.1-16 137-48 205-69.3 68.9-21.7 137-31.7 172-37.4l34-5.3V0H0z"
+			/>
+		</svg>
+	)
+}
+
+interface WaveProps {
+  color: string
+  className?: string
+}
+
+export default Wave
\ No newline at end of file