From 63d1b00e543573d0d93df8963eeec52d00b181d5 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Sat, 23 Jul 2022 00:26:58 +0300
Subject: [PATCH] add CircularPanel component

---
 src/components/CircularPanel.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/CircularPanel.tsx

diff --git a/src/components/CircularPanel.tsx b/src/components/CircularPanel.tsx
new file mode 100644
index 0000000..83d7dec
--- /dev/null
+++ b/src/components/CircularPanel.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { FunctionComponent } from 'react';
+
+const CircularPanel: FunctionComponent<{
+  color: string;
+  style?: React.CSSProperties
+}> = (props) => {
+  return (
+    <div style={Object.assign({ background: props.color }, props.style)}>
+      <style jsx>{`
+            div {
+              padding: 10px 20px;
+              border-radius: 30px;
+            }
+          `}
+      </style>
+      {props.children}
+    </div>
+  );
+}
+
+export default CircularPanel;