import { Story, Meta } from '@storybook/addon-docs';
import { action } from '@storybook/addon-actions';
import { Button } from '@storybook/react/demo';

<Meta
  title="Addons|Docs/mdx"
  component={Button}
  decorators={[storyFn => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>]}
  parameters={{ notes: 'component notes' }}
/>

## Getting into details

<Story name="solo story">
  <Button onClick={action('clicked')}>solo</Button>
</Story>

<Source name="hello story" />

## Configurable height

<Story id="basics-button--all-buttons" height="400px" />
