48 lines
1.0 KiB
TypeScript
48 lines
1.0 KiB
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,
|
||
|
|
} from '@mui/material';
|
||
|
|
import { Box } from '@mui/system';
|
||
|
|
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;
|