export default function Example() { return ( <Box css={{ width: 500 }}> <Accordion.Root type={ACCORDION_TYPE.single} collapsible={true}> <Accordion.Item value="item-1"> <Accordion.Trigger css={{ fontFamily: theme.fonts.headline, fontSize: theme.fontSizes[125], fontWeight: theme.fontWeights.bold, }} > Header example text </Accordion.Trigger> <Accordion.Content> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in augue in felis pharetra finibus. In sagittis aliquam augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </Accordion.Content> </Accordion.Item> </Accordion.Root> </Box> ); }