// ** React Imports import { Fragment, useState, ChangeEvent } from 'react' // ** MUI Imports import Button from '@mui/material/Button' import Switch from '@mui/material/Switch' import Dialog from '@mui/material/Dialog' import MenuItem from '@mui/material/MenuItem' import InputLabel from '@mui/material/InputLabel' import DialogTitle from '@mui/material/DialogTitle' import FormControl from '@mui/material/FormControl' import DialogActions from '@mui/material/DialogActions' import DialogContent from '@mui/material/DialogContent' import { styled, Breakpoint } from '@mui/material/styles' import FormControlLabel from '@mui/material/FormControlLabel' import DialogContentText from '@mui/material/DialogContentText' import Select, { SelectChangeEvent } from '@mui/material/Select' // Styled component for the form const Form = styled('form')({ margin: 'auto', display: 'flex', width: 'fit-content', flexDirection: 'column' }) const DialogSizes = () => { // ** States const [open, setOpen] = useState(false) const [fullWidth, setFullWidth] = useState(true) const [maxWidth, setMaxWidth] = useState('sm') const handleClickOpen = () => setOpen(true) const handleClose = () => setOpen(false) const handleMaxWidthChange = (event: SelectChangeEvent) => { setMaxWidth(event.target.value as Breakpoint) } const handleFullWidthChange = (event: ChangeEvent) => { setFullWidth(event.target.checked) } return ( Optional sizes You can set my maximum width and whether to adapt or not.
maxWidth } />
) } export default DialogSizes