<Accordion> Component

<Accordion>
  <AccordionItem value="features" triggerHeading="Features">
    <p> Features content </p>
  </AccordionItem>
   <AccordionItem value="benefits" triggerHeading="Benefits">
    <p> The items accepts <code>children</code> only. So here's where we would put prose</p><br />
    <span>We could even put other components in here</span>
    <p>Like a <code>Link</code> or <code>Button</code></p>
  </AccordionItem>
   <AccordionItem value="topics" triggerHeading="Topics">
    <p> This content can be ANYTHING. <strong>Got it?</strong> </p>
  </AccordionItem>
</Accordion>

<DeprecatedAccordion>
  <DeprecatedAccordionItem value="features" triggerHeading="Features">
    <p> Features content </p>
  </DeprecatedAccordionItem>
    <DeprecatedAccordionItem value="benefits" triggerHeading="Benefits">
    <p> Benefits content </p>
  </DeprecatedAccordionItem>
    <DeprecatedAccordionItem value="topics" triggerHeading="Topics">
    <p> Topics content </p>
  </DeprecatedAccordionItem>
</DeprecatedAccordion>