mirror of
https://github.com/Qortal/Qortal-Hub.git
synced 2025-06-13 19:41:22 +00:00
22 lines
538 B
TypeScript
22 lines
538 B
TypeScript
import Box from '@mui/material/Box';
|
|
import Drawer from '@mui/material/Drawer';
|
|
import { isMobile } from '../../App';
|
|
export const DrawerComponent = ({ open, setOpen, children }) => {
|
|
const toggleDrawer = (newOpen: boolean) => () => {
|
|
setOpen(newOpen);
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<Drawer open={open} onClose={toggleDrawer(false)}>
|
|
<Box
|
|
sx={{ width: isMobile ? '100vw' : '400px', height: '100%' }}
|
|
role="presentation"
|
|
>
|
|
{children}
|
|
</Box>
|
|
</Drawer>
|
|
</div>
|
|
);
|
|
};
|