6911f60eb4
* Remove duplicated dependency "@mui/system" Already included in "@mui/material" * Remove duplicated dependency "@mui/system" - Fix theme "custom" palette Already included in "@mui/material" * Remove duplicated dependency "@mui/system" - Fix imports Already included in "@mui/material"
42 lines
972 B
TypeScript
42 lines
972 B
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
import { Drawer, Box } from '@mui/material';
|
|
import React from 'react';
|
|
|
|
interface IProps {
|
|
open: boolean;
|
|
onClose: () => void;
|
|
children: React.ReactNode;
|
|
minHeight?: number;
|
|
}
|
|
|
|
const OptionsPanel: React.FC<IProps> = ({ open, onClose, children, minHeight }) => (
|
|
<Drawer
|
|
anchor="bottom"
|
|
open={open}
|
|
onClose={onClose}
|
|
PaperProps={{
|
|
style: {
|
|
maxWidth: 600,
|
|
marginLeft: 'auto',
|
|
marginRight: 'auto',
|
|
minHeight,
|
|
},
|
|
}}
|
|
>
|
|
<Box>{children}</Box>
|
|
</Drawer>
|
|
);
|
|
|
|
OptionsPanel.defaultProps = {
|
|
minHeight: undefined,
|
|
};
|
|
|
|
export default OptionsPanel;
|