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

<Meta title="stories/renderers/react/react-mdx" />

# React-specific MDX Stories

export const Button = globalThis.Components.Button;

export const Template = (args) => <Button label="From template" />;

<Canvas>
  <Story name="Primary">
    <Button label="Primary" />
  </Story>
</Canvas>

<Canvas>
  <Story name="Secondary">
    <Button label="Secondary" />
  </Story>
</Canvas>

<Canvas>
  <Story name="From Template">{Template.bind({})}</Story>
</Canvas>
