import { MDXProvider } from '@mdx-js/react';
import { resetComponents, Story as PureStory } from '@storybook/components';
import { toId, storyNameFromExport } from '@storybook/csf';
import { Args, BaseAnnotations } from '@storybook/addons';
import { CURRENT_SELECTION } from './types';

import { DocsContext, DocsContextProps } from './DocsContext';

export const storyBlockIdFromId = (storyId: string) => `story--${storyId}`;

    return draft;
  }

  @Override
  public Story clone() throws CloneNotSupportedException {
    Story story = new Story();
    story.fileName = this.fileName;
    story.cases = new ArrayList<>();
    for (Case caze : cases) {
      story.cases.add(caze.clone());
    }
    story.draft = draft;
    story.description = description;
    return story;
  }

  @Override
  public String toString() {

zymxxxs <******@****.***> 1573147834 +0800

import { Story, Meta } from '@storybook/addon-docs/blocks';
import { Welcome, Button } from '@storybook/angular/demo';
import { linkTo } from '@storybook/addon-links';

<Meta title="MDX|Welcome" />

# Story object

<Story name="to storybook" height="300px">
  {{
    template: `<storybook-welcome-component (showApp)="showApp()"></storybook-welcome-component>`,
    props: {
      showApp: linkTo('Button'),
    },
    moduleMetadata: {

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

<Meta title="Button" />

# Story definition

<Story name="one">
  <Button>One</Button>
</Story>

<Story name="hello story">
  <Button>Hello button</Button>
</Story>

<Story name="w/punctuation">
  <Button>with punctuation</Button>
</Story>

<Story name="1 fine day">
  <Button>starts with number</Button>

import { Story } from '@storybook/addon-docs/blocks';

# Story reference

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

<Meta title="Button" />

# Args

export const Template = (args) => <Button>Component notes</Button>;

<Story
  name="component notes"
  args={{ a: 1, b: 2 }}
  argTypes={{ a: { name: 'A' }, b: { name: 'B' } }}
>
  {Template.bind({})}

import { Story } from '@storybook/addon-docs/blocks';

# Current story

<Story name="function" height="100px">
  {() => {
    const btn = document.createElement('button');
    btn.innerHTML = 'Hello Button';
    btn.addEventListener('click', action('Click'));
    return btn;
  }}

      <h1>{\`Args\`}</h1>

      <Story
        name=\\"component notes\\"
        args={{
          a: 1,
          b: 2,
        }}
        argTypes={{
          a: {
            name: 'A',
          },
          b: {
            name: 'B',
          },
        }}
        mdxType=\\"Story\\"
      >
        {Template.bind({})}
      </Story>
    </MDXLayout>
  );
}