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>
  );
}