From 2a308fb5bec47aac0f59e074d793cec6e95db1c3 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Mon, 28 Aug 2023 21:33:44 -0500
Subject: Add wg2nd

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

(limited to 'components/Box/index.tsx')

diff --git a/components/Box/index.tsx b/components/Box/index.tsx
new file mode 100644
index 0000000..32866b2
--- /dev/null
+++ b/components/Box/index.tsx
@@ -0,0 +1,18 @@
+import { getSystemStyle, SystemProps } from '../utils/systemProps';
+
+interface BoxProps extends SystemProps {
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+};
+
+const Box: React.FC<BoxProps> = ({ style, children, ...props}) => {
+  const systemStyle = getSystemStyle(props, style);
+
+  return (
+    <div style={systemStyle}>
+      { children }
+    </div>
+  );
+};
+
+export default Box;
-- 
cgit v1.2.3

