wix-style-react/dist/es/stories/DragAndDrop/Styles/Styles.js

wix-style-react

import React from 'react';

import Markdown from 'wix-storybook-utils/Markdown';
import CodeExample from 'wix-storybook-utils/CodeExample';

import ItemExample from './examples/Item';
import ItemExampleRaw from '!raw-loader!./examples/Item';
import ItemPlaceholderExample from './examples/ItemPlaceholder';
import ItemPlaceholderExampleRaw from '!raw-loader!./examples/ItemPlaceholder';
import ItemPreviewExample from './examples/ItemPreview';
import ItemPreviewExampleRaw from '!raw-loader!./examples/ItemPreview';
import ListExample from './examples/List';
import ListExampleRaw from '!raw-loader!./examples/List';

import Styles from './Styles.md';

export default (function () {
  return React.createElement(
    'div',
    null,
    React.createElement(Markdown, { source: Styles }),
    React.createElement(
      CodeExample,
      { title: 'dndStyles.item', code: ItemExampleRaw },
      React.createElement(ItemExample, null)
    ),
    React.createElement(
      CodeExample,
      {
        title: 'dndStyles.itemPlaceholder',
        code: ItemPlaceholderExampleRaw
      },
      React.createElement(ItemPlaceholderExample, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'dndStyles.itemPreview', code: ItemPreviewExampleRaw },
      React.createElement(ItemPreviewExample, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'dndStyles.list', code: ListExampleRaw },
      React.createElement(ListExample, null)
    )
  );
});