"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.NumberedList = exports.Checklist = exports["default"] = void 0;

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

var _ = require(".");

var _core = require("../../core");

var _box = require("../../primitives/box");

var _listItem = _interopRequireDefault(require("./list-item.mdx"));

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

var _default = {
  title: 'One-off/ListItem',
  component: _.ListItem,
  parameters: {
    docs: {
      page: _listItem["default"]
    }
  }
};
exports["default"] = _default;
var Header = 'Whatever you want in the header.';
var Body = 'Whatever you want in the body';

var subComponent = /*#__PURE__*/_react["default"].createElement(_core.Button, {
  onClick: function onClick() {},
  size: "sm"
}, "click me");

var Checklist = function Checklist() {
  return /*#__PURE__*/_react["default"].createElement(_box.Box, null, /*#__PURE__*/_react["default"].createElement(_.ListItem, {
    icon: /*#__PURE__*/_react["default"].createElement(_core.Checkmark, null),
    header: Header,
    body: Body
  }), /*#__PURE__*/_react["default"].createElement(_.ListItem, {
    icon: /*#__PURE__*/_react["default"].createElement(_core.Checkmark, null),
    header: Header,
    body: Body,
    subComponent: subComponent
  }), /*#__PURE__*/_react["default"].createElement(_.ListItem, {
    icon: /*#__PURE__*/_react["default"].createElement(_core.Checkmark, null),
    header: Header,
    body: Body
  }));
};

exports.Checklist = Checklist;

var NumberedList = function NumberedList() {
  return /*#__PURE__*/_react["default"].createElement(_box.Box, null, /*#__PURE__*/_react["default"].createElement(_.ListItem, {
    icon: /*#__PURE__*/_react["default"].createElement(_core.NumberedBullet, {
      value: "1"
    }),
    header: Header,
    body: Body
  }), /*#__PURE__*/_react["default"].createElement(_.ListItem, {
    icon: /*#__PURE__*/_react["default"].createElement(_core.NumberedBullet, {
      value: "2"
    }),
    header: Header,
    body: Body,
    subComponent: subComponent
  }), /*#__PURE__*/_react["default"].createElement(_.ListItem, {
    icon: /*#__PURE__*/_react["default"].createElement(_core.NumberedBullet, {
      value: "3",
      disabled: true
    }),
    header: Header,
    body: Body
  }));
};

exports.NumberedList = NumberedList;