"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.SeparatedList = exports.FullWidthSeparatedList = exports.BasicUnorderedList = exports.BasicOrderedList = void 0;
var _react = _interopRequireDefault(require("react"));
var _ListItem = _interopRequireDefault(require("../ListItem"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Atoms / List',
  parameters: {
    component: _.List
  }
};
var BasicUnorderedList = exports.BasicUnorderedList = {
  render: function render() {
    return _react.default.createElement(_.List, null, _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item")), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item")), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item")));
  },
  name: 'Basic unordered list'
};
var BasicOrderedList = exports.BasicOrderedList = {
  render: function render() {
    return _react.default.createElement(_.List, {
      as: "ol"
    }, _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item 1")), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item 2")), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item 3")));
  },
  name: 'Basic ordered list'
};
var SeparatedList = exports.SeparatedList = {
  render: function render() {
    return _react.default.createElement(_.List, {
      separated: true
    }, _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item 1")), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item 2")), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item 3")));
  },
  name: 'With separators between each li'
};
var FullWidthSeparatedList = exports.FullWidthSeparatedList = {
  render: function render() {
    return _react.default.createElement("div", {
      style: {
        margin: '40px'
      }
    }, _react.default.createElement(_.CardWithTitle, {
      title: "Card",
      p: 5
    }, _react.default.createElement(_.List, {
      fullWidthSeparator: true
    }, _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item 1")), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Flexbox, {
      container: true,
      justifyContent: "flex-start"
    }, _react.default.createElement(_.Typography, null, "List item 2"))), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Flexbox, {
      container: true,
      justifyContent: "center"
    }, _react.default.createElement(_.Typography, null, "List item 3"))), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Flexbox, {
      container: true,
      justifyContent: "flex-end"
    }, _react.default.createElement(_.Typography, null, "List item 4"))), _react.default.createElement(_ListItem.default, null, _react.default.createElement(_.Typography, null, "List item 5")))));
  },
  name: 'With full width separators between each li'
};