import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks';

import { Body } from '../atoms';
import { AccordionItem } from './AccordionItem';

<Meta
  title="molecules/AccordionItem"
  component={AccordionItem}
  parameters={{ actions: { argTypesRegex: '^on.*' } }}
/>

# AccordionItem

An accordion item.

<Canvas>
  <Story name="Default">
    {(props) => (
      <AccordionItem title="What is the MyCrypto Membership?" {...props}>
        <Body>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in sagittis magna, sed sodales
          ante. Aenean sollicitudin nunc faucibus nibh venenatis aliquam. Nulla vel ullamcorper
          metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies sem justo,
          vitae tincidunt ligula auctor eu. Nam id finibus sem. Duis pulvinar mauris non nisi
          imperdiet egestas. Sed convallis vestibulum pulvinar. Fusce blandit, libero vel euismod
          sodales, leo nibh egestas felis, ac scelerisque nisi purus ac turpis. Donec ultricies orci
          at quam tristique mollis. Duis volutpat, lectus id sollicitudin vehicula, nunc dolor
          auctor ipsum, vitae condimentum tortor purus nec erat. Aenean porta facilisis ex, eu
          placerat dolor pretium non.
        </Body>
      </AccordionItem>
    )}
  </Story>
</Canvas>