@wix/design-system/dist/esm/DragAndDrop/docs/Styles/Styles.js

@wix/design-system

var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/DragAndDrop/docs/Styles/Styles.jsx",
  _this = this;
import React from 'react';
import Markdown from '@wix/wix-storybook-utils/Markdown';
import CodeExample from '@wix/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 /*#__PURE__*/React.createElement("div", {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 18,
      columnNumber: 3
    }
  }, /*#__PURE__*/React.createElement(Markdown, {
    source: Styles,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 19,
      columnNumber: 5
    }
  }), /*#__PURE__*/React.createElement(CodeExample, {
    title: "dndStyles.item",
    code: ItemExampleRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 21,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement(ItemExample, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 22,
      columnNumber: 7
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "dndStyles.itemPlaceholder",
    code: ItemPlaceholderExampleRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 25,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement(ItemPlaceholderExample, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 29,
      columnNumber: 7
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "dndStyles.itemPreview",
    code: ItemPreviewExampleRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 32,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement(ItemPreviewExample, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33,
      columnNumber: 7
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "dndStyles.list",
    code: ListExampleRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 36,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement(ListExample, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 37,
      columnNumber: 7
    }
  })));
});