wix-style-react/src/EndorseContentLayout/docs/index.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import Markdown from 'wix-storybook-utils/Markdown';
import CodeExample from 'wix-storybook-utils/CodeExample';

import Readme from '../README.md';

import Error from './examples/error';
import ErrorRaw from '!raw-loader!./examples/error';

import Generic from './examples/generic';
import GenericRaw from '!raw-loader!./examples/generic';

import { storySettings } from './storySettings';

storiesOf(storySettings.category, module).add(storySettings.storyName, () => (
  <div>
    <Markdown source={Readme} />

    <h1>Usage example</h1>

    <CodeExample title="Generic" code={GenericRaw}>
      <Generic />
    </CodeExample>

    <CodeExample title="Error" code={ErrorRaw}>
      <Error />
    </CodeExample>
  </div>
));