// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`docs-mdx-compiler-plugin story-definitions.mdx 1`] = `
"/* @jsx mdx */
import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';

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

const makeShortcode = (name) =>
  function MDXDefaultShortcode(props) {
    console.warn(
      'Component ' +
        name +
        ' was not imported, exported, or provided by MDXProvider as global scope'
    );
    return <div {...props} />;
  };

const layoutProps = {};
const MDXLayout = 'wrapper';
function MDXContent({ components, ...props }) {
  return (
    <MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
      <Meta title=\\"Button\\" mdxType=\\"Meta\\" />
      <h1>{\`Story definition\`}</h1>
      <Story name=\\"one\\" mdxType=\\"Story\\">
        <Button mdxType=\\"Button\\">One</Button>
      </Story>
      <Story name=\\"hello story\\" mdxType=\\"Story\\">
        <Button mdxType=\\"Button\\">Hello button</Button>
      </Story>
      <Story name=\\"w/punctuation\\" mdxType=\\"Story\\">
        <Button mdxType=\\"Button\\">with punctuation</Button>
      </Story>
      <Story name=\\"1 fine day\\" mdxType=\\"Story\\">
        <Button mdxType=\\"Button\\">starts with number</Button>
      </Story>
    </MDXLayout>
  );
}

MDXContent.isMDXComponent = true;

export const one = () => <Button>One</Button>;
one.storyName = 'one';
one.parameters = { storySource: { source: '<Button>One</Button>' } };

export const helloStory = () => <Button>Hello button</Button>;
helloStory.storyName = 'hello story';
helloStory.parameters = { storySource: { source: '<Button>Hello button</Button>' } };

export const wPunctuation = () => <Button>with punctuation</Button>;
wPunctuation.storyName = 'w/punctuation';
wPunctuation.parameters = { storySource: { source: '<Button>with punctuation</Button>' } };

export const _1FineDay = () => <Button>starts with number</Button>;
_1FineDay.storyName = '1 fine day';
_1FineDay.parameters = { storySource: { source: '<Button>starts with number</Button>' } };

const componentMeta = {
  title: 'Button',
  includeStories: ['one', 'helloStory', 'wPunctuation', '_1FineDay'],
};

const mdxStoryNameToKey = {
  one: 'one',
  'hello story': 'helloStory',
  'w/punctuation': 'wPunctuation',
  '1 fine day': '_1FineDay',
};

componentMeta.parameters = componentMeta.parameters || {};
componentMeta.parameters.docs = {
  ...(componentMeta.parameters.docs || {}),
  page: () => (
    <AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentMeta={componentMeta}>
      <MDXContent />
    </AddContext>
  ),
};

export default componentMeta;
"
`;
