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

<Meta
  title="addons/docs/stories-mdx/play functions"
  component={globalThis.Components.Button}
  play={() => console.log('component play')}
/>

# MDX Play function Stories

This file demonstrates defining stories inside MDX.

<Canvas>
  <Story name="Component Play" args={{ label: 'Component Play' }} />
</Canvas>

<Canvas>
  <Story name="Story Play" args={{ label: 'Story Play' }} play={() => console.log('story play')} />
</Canvas>
