import { Meta, ArgsTable, Description } from '@storybook/addon-docs/blocks';
import * as DocgenJS from './DocgenJS';
import * as DocgenTS from './DocgenTS';

<Meta title="Docgen/Props" />

export const DescriptionProps = ({ of }) => (
  <>
    <h2>{of.displayName}</h2>
    <Description of={of} />
    <ArgsTable of={of} />
  </>
);

# React Docgen Test Cases

<div>
  {Object.entries(DocgenJS).map(([key, val]) => (
    <DescriptionProps key={key} of={val} />
  ))}
</div>

# React Typescript Docgen Test Cases

<div>
  {Object.entries(DocgenTS).map(([key, val]) => (
    <DescriptionProps key={key} of={val} />
  ))}
</div>
