var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/index.jsx",
  _this = this;
import React from 'react';
import CodeExample from '@wix/wix-storybook-utils/CodeExample';
import Markdown from '@wix/wix-storybook-utils/Markdown';
import MultiAreaListWithInsertionRulesReadme from './MultiAreaListWithInsertionRules.md';
import MultiAreaListWithInsertionRules from './MultiAreaListWithInsertionRules';
import MultiAreaListWithInsertionRulesRaw from '!raw-loader!./MultiAreaListWithInsertionRules';
export default (function () {
  return /*#__PURE__*/React.createElement("div", {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 9,
      columnNumber: 3
    }
  }, /*#__PURE__*/React.createElement(Markdown, {
    source: MultiAreaListWithInsertionRulesReadme,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 10,
      columnNumber: 5
    }
  }), /*#__PURE__*/React.createElement(CodeExample, {
    title: "Sortable List - D&D between columns",
    code: MultiAreaListWithInsertionRulesRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 11,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement(MultiAreaListWithInsertionRules, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 15,
      columnNumber: 7
    }
  })));
});