import React from 'react';
import { Flexbox, ListItem, ListWithTitles } from '../..';
var ItemContainer = function ItemContainer(_ref) {
  var children = _ref.children;
  return React.createElement(Flexbox, {
    container: true,
    justifyContent: "space-between"
  }, children);
};
export default {
  title: 'Molecules / ListWithTitles',
  parameters: {
    component: ListWithTitles
  }
};
export var IntegrationListWithTitlesWithLeftAndRightTitles = {
  render: function render() {
    return React.createElement(ListWithTitles, {
      as: "ol",
      leftTitle: "title1",
      rightTitle: "title2"
    }, React.createElement(ListItem, null, React.createElement(ItemContainer, null, React.createElement("div", null, "Left List Item 1"), React.createElement("div", null, "Right List Item 1"))), React.createElement(ListItem, null, React.createElement(ItemContainer, null, React.createElement("div", null, "Left List Item 2"), React.createElement("div", null, "Right List Item 2"))));
  },
  name: 'Integration: ListWithTitles with left and right titles'
};
export var IntegrationListWithTitlesWithLeftTitle = {
  render: function render() {
    return React.createElement(ListWithTitles, {
      as: "ol",
      leftTitle: "title1"
    }, React.createElement(ListItem, null, React.createElement(ItemContainer, null, React.createElement("div", null, "Left List Item 1"), React.createElement("div", null, "Right List Item 1"))), React.createElement(ListItem, null, React.createElement(ItemContainer, null, React.createElement("div", null, "Left List Item 2"), React.createElement("div", null, "Right List Item 2"))));
  },
  name: 'Integration: ListWithTitles with left title'
};
export var IntegrationListWithTitlesWithRightTitle = {
  render: function render() {
    return React.createElement(ListWithTitles, {
      as: "ol",
      rightTitle: "title1"
    }, React.createElement(ListItem, null, React.createElement(ItemContainer, null, React.createElement("div", null, "Left List Item 1"), React.createElement("div", null, "Right List Item 1"))), React.createElement(ListItem, null, React.createElement(ItemContainer, null, React.createElement("div", null, "Left List Item 2"), React.createElement("div", null, "Right List Item 2"))));
  },
  name: 'Integration: ListWithTitles with right title'
};
export var IntegrationListWithTitlesWithNoTitles = {
  render: function render() {
    return React.createElement(ListWithTitles, {
      as: "ol"
    }, React.createElement(ListItem, null, React.createElement(ItemContainer, null, React.createElement("div", null, "Left List Item 1"), React.createElement("div", null, "Right List Item 1"))), React.createElement(ListItem, null, React.createElement(ItemContainer, null, React.createElement("div", null, "Left List Item 2"), React.createElement("div", null, "Right List Item 2"))));
  },
  name: 'Integration: ListWithTitles with no titles'
};