From dc9b2ac04c71189fe651faa014be695243d3ea52 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Sat, 23 Jul 2022 00:25:25 +0300
Subject: [PATCH] Add center component

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

diff --git a/src/components/Center.tsx b/src/components/Center.tsx
new file mode 100644
index 0000000..19aeaf8
--- /dev/null
+++ b/src/components/Center.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { FunctionComponent } from 'react';
+
+const Center: FunctionComponent = ({children}) => {
+    return (
+        <div className='center'>
+            {children}
+            <style jsx>{`
+                .center {
+                    display: flex;
+                    height: 100%;
+                    width: 100%;
+                    align-items: center;
+                    justify-content: center;
+                }
+            `}</style>
+        </div>
+    );
+}
+
+export default Center;
\ No newline at end of file