// ** React Imports import { SyntheticEvent, useState } from 'react' // ** MUI Imports import { styled } from '@mui/material/styles' import Typography from '@mui/material/Typography' import MuiAccordion, { AccordionProps } from '@mui/material/Accordion' import MuiAccordionSummary, { AccordionSummaryProps } from '@mui/material/AccordionSummary' import MuiAccordionDetails, { AccordionDetailsProps } from '@mui/material/AccordionDetails' // ** Icon Imports import Icon from 'src/@core/components/icon' // Styled component for Accordion component const Accordion = styled(MuiAccordion)(({ theme }) => ({ boxShadow: 'none !important', border: `1px solid ${theme.palette.divider}`, '&:not(:last-of-type)': { borderBottom: 0 }, '&:before': { display: 'none' }, '&.Mui-expanded': { margin: 'auto' }, '&:first-of-type': { '& .MuiButtonBase-root': { borderTopLeftRadius: 8, borderTopRightRadius: 8 } }, '&:last-of-type': { '& .MuiAccordionSummary-root:not(.Mui-expanded)': { borderBottomLeftRadius: 8, borderBottomRightRadius: 8 } } })) // Styled component for AccordionSummary component const AccordionSummary = styled(MuiAccordionSummary)(({ theme }) => ({ marginBottom: -1, padding: theme.spacing(0, 4), minHeight: theme.spacing(12.5), transition: 'min-height 0.15s ease-in-out', borderBottom: `1px solid ${theme.palette.divider}`, backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.background.default, '&.Mui-expanded': { minHeight: theme.spacing(12.5) }, '& .MuiAccordionSummary-content.Mui-expanded': { margin: '10px 0' } })) // Styled component for AccordionDetails component const AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({ padding: `${theme.spacing(4)} !important` })) const AccordionCustomized = () => { // ** State const [expanded, setExpanded] = useState('panel1') const handleChange = (panel: string) => (event: SyntheticEvent, isExpanded: boolean) => { setExpanded(isExpanded ? panel : false) } const expandIcon = (value: string) => return (
Accordion 1 Wafer sesame snaps chocolate bar candy canes halvah. Cupcake sesame snaps sweet tart dessert biscuit. Topping soufflé tart sweet croissant. Accordion 2 Sugar plum sesame snaps caramels. Cake pie tart fruitcake sesame snaps donut cupcake macaroon. Gingerbread pudding cheesecake pie ice cream. Accordion 3 Gingerbread lemon drops bear claw gummi bears bonbon wafer jujubes tiramisu. Jelly pie cake. Sweet roll dessert sweet pastry powder.
) } export default AccordionCustomized