20 lines
512 B
JavaScript
20 lines
512 B
JavaScript
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;
|