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;
