// ** MUI Imports import Accordion from '@mui/material/Accordion' import Typography from '@mui/material/Typography' import AccordionSummary from '@mui/material/AccordionSummary' import AccordionDetails from '@mui/material/AccordionDetails' // ** Icon Imports import Icon from 'src/@core/components/icon' const AccordionSimple = () => { return ( <div> <Accordion> <AccordionSummary id='panel-header-1' aria-controls='panel-content-1' expandIcon={<Icon icon='mdi:chevron-down' />} > <Typography>Accordion 1</Typography> </AccordionSummary> <AccordionDetails> <Typography> Wafer sesame snaps chocolate bar candy canes halvah. Cupcake sesame snaps sweet tart dessert biscuit. Topping soufflé tart sweet croissant. </Typography> </AccordionDetails> </Accordion> <Accordion> <AccordionSummary id='panel-header-2' aria-controls='panel-content-2' expandIcon={<Icon icon='mdi:chevron-down' />} > <Typography>Accordion 2</Typography> </AccordionSummary> <AccordionDetails> <Typography> Sugar plum sesame snaps caramels. Cake pie tart fruitcake sesame snaps donut cupcake macaroon. Gingerbread pudding cheesecake pie ice cream. </Typography> </AccordionDetails> </Accordion> <Accordion> <AccordionSummary id='panel-header-3' aria-controls='panel-content-3' expandIcon={<Icon icon='mdi:chevron-down' />} > <Typography>Accordion 3</Typography> </AccordionSummary> <AccordionDetails> <Typography> Gingerbread lemon drops bear claw gummi bears bonbon wafer jujubes tiramisu. Jelly pie cake. Sweet roll dessert sweet pastry powder. </Typography> </AccordionDetails> </Accordion> </div> ) } export default AccordionSimple