From 16baa822cc897fa8764c14861f7869f46ca50e30 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Mon, 30 May 2022 21:11:40 -0500
Subject: Compress results gif

---
 components/Box/index.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 components/Box/index.tsx

(limited to 'components/Box')

diff --git a/components/Box/index.tsx b/components/Box/index.tsx
new file mode 100644
index 0000000..f81fa5b
--- /dev/null
+++ b/components/Box/index.tsx
@@ -0,0 +1,26 @@
+import { getSystemStyle, SystemProps } from '../utils/systemProps';
+
+interface BoxProps extends SystemProps {
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+  el?: keyof React.ReactHTML;
+};
+
+const Box: React.FC<BoxProps> = ({ el, style, children, ...props}) => {
+  const systemStyle = getSystemStyle(props, style);
+
+  let Tag = el;
+
+  if(!el) {
+    Tag = 'div' as keyof React.ReactHTML;
+  }
+
+  return (
+    // @ts-ignore
+    <Tag style={systemStyle}>
+      { children }
+    </Tag>
+  );
+};
+
+export default Box;
-- 
cgit v1.2.3