"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.IntegrationListWithTitlesWithRightTitle = exports.IntegrationListWithTitlesWithNoTitles = exports.IntegrationListWithTitlesWithLeftTitle = exports.IntegrationListWithTitlesWithLeftAndRightTitles = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ItemContainer = function ItemContainer(_ref) {
  var children = _ref.children;
  return _react.default.createElement(_.Flexbox, {
    container: true,
    justifyContent: "space-between"
  }, children);
};
var _default = exports.default = {
  title: 'Molecules / ListWithTitles',
  parameters: {
    component: _.ListWithTitles
  }
};
var IntegrationListWithTitlesWithLeftAndRightTitles = exports.IntegrationListWithTitlesWithLeftAndRightTitles = {
  render: function render() {
    return _react.default.createElement(_.ListWithTitles, {
      as: "ol",
      leftTitle: "title1",
      rightTitle: "title2"
    }, _react.default.createElement(_.ListItem, null, _react.default.createElement(ItemContainer, null, _react.default.createElement("div", null, "Left List Item 1"), _react.default.createElement("div", null, "Right List Item 1"))), _react.default.createElement(_.ListItem, null, _react.default.createElement(ItemContainer, null, _react.default.createElement("div", null, "Left List Item 2"), _react.default.createElement("div", null, "Right List Item 2"))));
  },
  name: 'Integration: ListWithTitles with left and right titles'
};
var IntegrationListWithTitlesWithLeftTitle = exports.IntegrationListWithTitlesWithLeftTitle = {
  render: function render() {
    return _react.default.createElement(_.ListWithTitles, {
      as: "ol",
      leftTitle: "title1"
    }, _react.default.createElement(_.ListItem, null, _react.default.createElement(ItemContainer, null, _react.default.createElement("div", null, "Left List Item 1"), _react.default.createElement("div", null, "Right List Item 1"))), _react.default.createElement(_.ListItem, null, _react.default.createElement(ItemContainer, null, _react.default.createElement("div", null, "Left List Item 2"), _react.default.createElement("div", null, "Right List Item 2"))));
  },
  name: 'Integration: ListWithTitles with left title'
};
var IntegrationListWithTitlesWithRightTitle = exports.IntegrationListWithTitlesWithRightTitle = {
  render: function render() {
    return _react.default.createElement(_.ListWithTitles, {
      as: "ol",
      rightTitle: "title1"
    }, _react.default.createElement(_.ListItem, null, _react.default.createElement(ItemContainer, null, _react.default.createElement("div", null, "Left List Item 1"), _react.default.createElement("div", null, "Right List Item 1"))), _react.default.createElement(_.ListItem, null, _react.default.createElement(ItemContainer, null, _react.default.createElement("div", null, "Left List Item 2"), _react.default.createElement("div", null, "Right List Item 2"))));
  },
  name: 'Integration: ListWithTitles with right title'
};
var IntegrationListWithTitlesWithNoTitles = exports.IntegrationListWithTitlesWithNoTitles = {
  render: function render() {
    return _react.default.createElement(_.ListWithTitles, {
      as: "ol"
    }, _react.default.createElement(_.ListItem, null, _react.default.createElement(ItemContainer, null, _react.default.createElement("div", null, "Left List Item 1"), _react.default.createElement("div", null, "Right List Item 1"))), _react.default.createElement(_.ListItem, null, _react.default.createElement(ItemContainer, null, _react.default.createElement("div", null, "Left List Item 2"), _react.default.createElement("div", null, "Right List Item 2"))));
  },
  name: 'Integration: ListWithTitles with no titles'
};