var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/DragAndDrop/docs/Introduction/Introduction.jsx",
  _this = this;
import React from 'react';
import LinkTo from '@storybook/addon-links/react';
import Markdown from '@wix/wix-storybook-utils/Markdown';
import Introduction from './Introduction.md';
import IntroductionExample from './IntroductionExample';
import { Category } from '../../../../stories/storiesHierarchy';
import { TextButton } from '../../..';
export default (function () {
  return /*#__PURE__*/React.createElement("div", {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 12,
      columnNumber: 3
    }
  }, /*#__PURE__*/React.createElement(Markdown, {
    source: Introduction,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 13,
      columnNumber: 5
    }
  }), /*#__PURE__*/React.createElement(IntroductionExample, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 14,
      columnNumber: 5
    }
  }), /*#__PURE__*/React.createElement(LinkTo, {
    kind: "".concat(Category.COMPONENTS, "/Drag And Drop/"),
    story: "SortableListBase",
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 15,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement(TextButton, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 19,
      columnNumber: 7
    }
  }, "<SortableListBase/>", " Docs")));
});