1 files changed, 18 insertions, 0 deletions
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;