var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/Table/DataTable/docs/index.jsx",
  _this = this;
import React from 'react';
import { storiesOf } from '@storybook/react';
import Markdown from '@wix/wix-storybook-utils/Markdown';
import CodeExample from '@wix/wix-storybook-utils/CodeExample';
import TabbedView from '@wix/wix-storybook-utils/TabbedView';
import Readme from '../README.md';
import ReadmeTestKit from '../README.TESTKIT.md';
import Example from './Example';
import ExampleRaw from '!raw-loader!./Example';
import ExampleCallingServer from './ExampleCallingServer';
import ExampleCallingServerRaw from '!raw-loader!./ExampleCallingServer';
import ExampleWithoutHeader from './ExampleWithoutHeader';
import ExampleWithoutHeaderRaw from '!raw-loader!./ExampleWithoutHeader';
import ExampleWithAnimatedRowDetails from './ExampleWithAnimatedRowDetails';
import ExampleWithAnimatedRowDetailsRaw from '!raw-loader!./ExampleWithAnimatedRowDetails';
import ExampleSortable from './ExampleSortable';
import ExampleSortableRaw from '!raw-loader!./ExampleSortable';
import ExampleSortableOldDesign from './ExampleSortableOldDesign';
import ExampleSortableOldDesignRaw from '!raw-loader!./ExampleSortableOldDesign';
import { storySettings } from './storySettings';
storiesOf(storySettings.category, module).add(storySettings.storyName, function () {
  return /*#__PURE__*/React.createElement(TabbedView, {
    tabs: ['API', 'TestKits'],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 3
    }
  }, /*#__PURE__*/React.createElement("div", {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 32,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement(Markdown, {
    source: Readme,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33,
      columnNumber: 7
    }
  }), /*#__PURE__*/React.createElement("h1", {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 34,
      columnNumber: 7
    }
  }, "Usage examples"), /*#__PURE__*/React.createElement(CodeExample, {
    title: "With infinite scroll",
    code: ExampleRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 36,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement(Example, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 37,
      columnNumber: 9
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "With animated row details",
    code: ExampleWithAnimatedRowDetailsRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 39,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement(ExampleWithAnimatedRowDetails, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 43,
      columnNumber: 9
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "Within a dynamic width container (80%)",
    code: ExampleSortableRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 45,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement(ExampleSortable, {
    style: {
      width: '80%'
    },
    dataHook: "storybook-responsive-width",
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 49,
      columnNumber: 9
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "With sorting & info tooltip",
    code: ExampleSortableRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 54,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement(ExampleSortable, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 58,
      columnNumber: 9
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "With sorting - old design",
    code: ExampleSortableOldDesignRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 60,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement(ExampleSortableOldDesign, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 64,
      columnNumber: 9
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "Without header",
    code: ExampleWithoutHeaderRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 66,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement(ExampleWithoutHeader, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 67,
      columnNumber: 9
    }
  })), /*#__PURE__*/React.createElement(CodeExample, {
    title: "With server calling (up to 100 items)",
    code: ExampleCallingServerRaw,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 69,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement(ExampleCallingServer, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 73,
      columnNumber: 9
    }
  }))), /*#__PURE__*/React.createElement(Markdown, {
    source: ReadmeTestKit,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 77,
      columnNumber: 5
    }
  }));
});