From 83dd849fd7bbb0fdb7a14cdad5bce43aeabc829a Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Mon, 19 Jul 2021 21:08:50 -0500
Subject: Init

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

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

diff --git a/components/ViewPort/index.tsx b/components/ViewPort/index.tsx
new file mode 100644
index 0000000..665ee00
--- /dev/null
+++ b/components/ViewPort/index.tsx
@@ -0,0 +1,23 @@
+import React, { FC } from "react"
+import styles from './index.module.scss';
+import clsx from 'clsx';
+
+export type Props = {
+    size?: "sm" | "md" | "lg";
+    className?: string;
+};
+
+const Viewport : FC<Props> = ({children, className, size}) => {
+    const _size : string = size || "md";
+    const sizeClass : string = styles['viewport-' + _size];
+
+    return (
+        <div
+            className={clsx(sizeClass, className)}
+        >
+            {children}
+        </div>
+    )
+};
+
+export default Viewport;
\ No newline at end of file
-- 
cgit v1.2.3

