initial commit

components/BottomSheet/index.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Sheet from "react-modal-sheet";
+
+const BottomSheet = ({onOpen, onClose, children}) => {
+    return (
+        <Sheet isOpen={onOpen} onClose={onClose} snapPoints={[400]} className={'flex justify-center'}>
+            <Sheet.Container>
+                <Sheet.Header/>
+                <Sheet.Content>
+                    {children}
+                </Sheet.Content>
+            </Sheet.Container>
+
+            <Sheet.Backdrop/>
+        </Sheet>
+    )
+}
+
+export default BottomSheet;