<Accordion>
    <AccordionItem>
        <h2>
            <AccordionButton>
                <Box as="span" flex="1" textAlign="left">
                    Section 1 title
                </Box>
                <AccordionIcon />
            </AccordionButton>
        </h2>
        <AccordionPanel>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
            odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
            Suspendisse urna nibh, viverra non, semper suscipit, posuere a,
            pede.
        </AccordionPanel>
    </AccordionItem>

    <AccordionItem>
        <h2>
            <AccordionButton>
                <Box as="span" flex="1" textAlign="left">
                    Section 2 title
                </Box>
                <AccordionIcon />
            </AccordionButton>
        </h2>
        <AccordionPanel>
            Donec nec justo eget felis facilisis fermentum. Aliquam porttitor
            mauris sit amet orci. Aenean dignissim pellentesque felis.
        </AccordionPanel>
    </AccordionItem>
</Accordion>