@roo-ui/components/dist/cjs/List/List.story.js

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@storybook/react");

var _storybookReadme = require("storybook-readme");

var _react3 = require("@storybook/addon-knobs/react");

var _ = require("..");

var _README = _interopRequireDefault(require("./README.md"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var flatList = function flatList(props) {
  return _react.default.createElement(_.Box, {
    textAlign: "left"
  }, _react.default.createElement(_.List, props, _react.default.createElement(_.ListItem, null, "Russo-European Laika"), _react.default.createElement(_.ListItem, null, "St. John's Water Dog"), _react.default.createElement(_.ListItem, null, "Georgian Shepherd Dog"), _react.default.createElement(_.ListItem, null, "Miniature Schnauzer"), _react.default.createElement(_.ListItem, null, "Transylvanian Hound"), _react.default.createElement(_.ListItem, null, "Leonberger"), _react.default.createElement(_.ListItem, null, "Majorca Shepherd Dog"), _react.default.createElement(_.ListItem, null, "Nova Scotia Duck Tolling Retriever"), _react.default.createElement(_.ListItem, null, "German Roughhaired Pointer"), _react.default.createElement(_.ListItem, null, "Poodle")));
};

(0, _react2.storiesOf)('Components|List', module).addDecorator((0, _storybookReadme.withDocs)(_README.default)).add('default', function () {
  return flatList({
    ordered: (0, _react3.boolean)('Ordered', false),
    flush: (0, _react3.boolean)('Flush', false)
  });
}).add('columns', function () {
  return flatList({
    ordered: (0, _react3.boolean)('Ordered', false),
    columns: (0, _react3.array)('Columns', [1, 2, 3])
  });
}).add('nested', function () {
  return _react.default.createElement(_.Box, {
    textAlign: "left"
  }, _react.default.createElement(_.List, null, _react.default.createElement(_.ListItem, null, "Coffee"), _react.default.createElement(_.ListItem, null, "Tea", _react.default.createElement(_.List, null, _react.default.createElement(_.ListItem, null, "Black tea"), _react.default.createElement(_.ListItem, null, "Green tea"))), _react.default.createElement(_.ListItem, null, "Milk")));
});