import React from 'react';
import { CollapsableCard } from '.';
export default {
  title: 'CollapsableCard',
  component: CollapsableCard,
};

export const Default = () => (
  <>
    <CollapsableCard title="Variant light">
      Content of Collapsable Card
    </CollapsableCard>
    <CollapsableCard title="Default open" defaultOpen>
      Content of Collapsable Card
    </CollapsableCard>
    <CollapsableCard title="Variant transparent" variant="transparent">
      Content of Collapsable Card
    </CollapsableCard>
  </>
);
