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

To enter the code editing mode, press Enter. To exit the edit mode, press Escape

You are editing the code. To exit the edit mode, press Escape