"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

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

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

var _ = require(".");

var _Box = require("../Box");

var _Text = require("../Text");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('List', module);
stories.add('Default', function () {
  return __jsx(_Box.Box, {
    mb: 6
  }, __jsx(_Text.Text, {
    color: "gray.600"
  }, ".list-disc"), __jsx(_.List, {
    styleType: "disc"
  }, __jsx(_.ListItem, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), __jsx(_.ListItem, null, "Assumenda, quia temporibus eveniet a libero incidunt suscipit"), __jsx(_.ListItem, null, "Quidem, ipsam illum quis sed voluptatum quae eum fugit earum")));
});
stories.add('Ordered', function () {
  return __jsx(_Box.Box, {
    mb: 6
  }, __jsx(_Text.Text, {
    color: "gray.600"
  }, ".list-decimal"), __jsx(_.List, {
    styleType: "decimal"
  }, __jsx(_.ListItem, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), __jsx(_.ListItem, null, "Assumenda, quia temporibus eveniet a libero incidunt suscipit"), __jsx(_.ListItem, null, "Quidem, ipsam illum quis sed voluptatum quae eum fugit earum")));
});
stories.add('Unstyled', function () {
  return __jsx(_Box.Box, {
    mb: 6
  }, __jsx(_Text.Text, {
    color: "gray.600"
  }, ".list-none"), __jsx(_.List, null, __jsx(_.ListItem, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), __jsx(_.ListItem, null, "Assumenda, quia temporibus eveniet a libero incidunt suscipit"), __jsx(_.ListItem, null, "Quidem, ipsam illum quis sed voluptatum quae eum fugit earum")));
});

var SampleIcon = function SampleIcon(props) {
  return __jsx("svg", (0, _extends2["default"])({
    xmlns: "http://www.w3.org/2000/svg",
    viewBox: "0 0 24 24"
  }, props), __jsx("circle", {
    cx: "12",
    cy: "12",
    r: "10",
    fill: "#fed7d7"
  }), __jsx("path", {
    fill: "#f56565",
    d: "M13.41 12l2.83 2.83a1 1 0 0 1-1.41 1.41L12 13.41l-2.83 2.83a1 1 0 1 1-1.41-1.41L10.59 12 7.76 9.17a1 1 0 0 1 1.41-1.41L12 10.59l2.83-2.83a1 1 0 0 1 1.41 1.41L13.41 12z"
  }));
};

stories.add('Unstyled with icon', function () {
  return __jsx(_Box.Box, {
    mb: 6
  }, __jsx(_Text.Text, {
    color: "gray.600"
  }, ".list-none"), __jsx(_.List, {
    spacing: 3
  }, __jsx(_.ListItem, null, __jsx(_.ListIcon, {
    icon: SampleIcon,
    color: "green.500"
  }), "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), __jsx(_.ListItem, null, __jsx(_.ListIcon, {
    icon: "phone",
    color: "green.500"
  }), "Assumenda, quia temporibus eveniet a libero incidunt suscipit"), __jsx(_.ListItem, null, __jsx(_.ListIcon, {
    icon: "email",
    color: "green.500"
  }), "Quidem, ipsam illum quis sed voluptatum quae eum fugit earum")));
});
//# sourceMappingURL=examples.js.map