// ** React Imports import { useEffect, useRef, useState } from 'react' // ** MUI Imports import Button from '@mui/material/Button' import DialogTitle from '@mui/material/DialogTitle' import DialogContent from '@mui/material/DialogContent' import DialogActions from '@mui/material/DialogActions' import Dialog, { DialogProps } from '@mui/material/Dialog' import DialogContentText from '@mui/material/DialogContentText' const DialogsScroll = () => { // ** States const [open, setOpen] = useState(false) const [scroll, setScroll] = useState('paper') // ** Ref const descriptionElementRef = useRef(null) const handleClickOpen = (scrollType: DialogProps['scroll']) => () => { setOpen(true) setScroll(scrollType) } const handleClose = () => setOpen(false) useEffect(() => { if (open) { const { current: descriptionElement } = descriptionElementRef if (descriptionElement !== null) { descriptionElement.focus() } } }, [open]) return (
Subscribe {[...new Array(50)].map( () => `Cotton candy sesame snaps toffee chupa chups caramels. Candy icing gummi bears pastry cake icing brownie oat cake. Tootsie roll biscuit chupa chups apple pie muffin jelly-o caramels. Muffin chocolate bar sweet cookie chupa chups.` )} `${theme.spacing(2.5)} !important` }}>
) } export default DialogsScroll