"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _Markdown = _interopRequireDefault(require("@wix/wix-storybook-utils/Markdown"));
var _CodeExample = _interopRequireDefault(require("@wix/wix-storybook-utils/CodeExample"));
var _Item = _interopRequireDefault(require("./examples/Item"));
var _Item2 = _interopRequireDefault(require("!raw-loader!./examples/Item"));
var _ItemPlaceholder = _interopRequireDefault(require("./examples/ItemPlaceholder"));
var _ItemPlaceholder2 = _interopRequireDefault(require("!raw-loader!./examples/ItemPlaceholder"));
var _ItemPreview = _interopRequireDefault(require("./examples/ItemPreview"));
var _ItemPreview2 = _interopRequireDefault(require("!raw-loader!./examples/ItemPreview"));
var _List = _interopRequireDefault(require("./examples/List"));
var _List2 = _interopRequireDefault(require("!raw-loader!./examples/List"));
var _Styles = _interopRequireDefault(require("./Styles.md"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/DragAndDrop/docs/Styles/Styles.jsx",
  _this = void 0;
var _default = exports["default"] = function _default() {
  return /*#__PURE__*/_react["default"].createElement("div", {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 18,
      columnNumber: 3
    }
  }, /*#__PURE__*/_react["default"].createElement(_Markdown["default"], {
    source: _Styles["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 19,
      columnNumber: 5
    }
  }), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "dndStyles.item",
    code: _Item2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 21,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react["default"].createElement(_Item["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 22,
      columnNumber: 7
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "dndStyles.itemPlaceholder",
    code: _ItemPlaceholder2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 25,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react["default"].createElement(_ItemPlaceholder["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 29,
      columnNumber: 7
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "dndStyles.itemPreview",
    code: _ItemPreview2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 32,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react["default"].createElement(_ItemPreview["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33,
      columnNumber: 7
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "dndStyles.list",
    code: _List2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 36,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react["default"].createElement(_List["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 37,
      columnNumber: 7
    }
  })));
};