From c38d8c60d5cff7531b58b33e996c88991ec41232 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Fri, 15 Jul 2022 17:45:03 +0300
Subject: [PATCH] add Row

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

diff --git a/src/components/Row.tsx b/src/components/Row.tsx
new file mode 100644
index 0000000..bc0db42
--- /dev/null
+++ b/src/components/Row.tsx
@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { FunctionComponent } from 'react';
+
+const Row: FunctionComponent = ({children}) => {
+    return (
+        <div className="row">
+            {children}
+            <style jsx>{`
+            .row {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: space-between;
+            }
+            `}</style>
+        </div>
+    );
+}
+
+export default Row;
\ No newline at end of file