"use strict";

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

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

var _formList = require("./form-list.component");

var _primitives = require("../../../primitives");

var _marginChecker = require("../../../mixins/spacing/story-support/margin-checker");

var _stackeeChecker = require("../../../mixins/stackee/story-support/stackee-checker");

var _formList2 = _interopRequireDefault(require("./form-list.mdx"));

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

var _default = {
  component: _formList.FormList,
  title: 'Components/Layout Containers/FormList',
  parameters: {
    docs: {
      page: _formList2["default"]
    }
  }
};
exports["default"] = _default;

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_formList.FormList, null, /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "first item"), /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "second item"), /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "third item"), /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "fourth item"), /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "fifth item"));
};

exports.Default = Default;

var MixinsMarginOnlySpacing = function MixinsMarginOnlySpacing() {
  return /*#__PURE__*/_react["default"].createElement(_marginChecker.MarginChecker, {
    Component: _formList.FormList
  }, /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "first item"), /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "second item"));
};

exports.MixinsMarginOnlySpacing = MixinsMarginOnlySpacing;

var MixinsStackee = function MixinsStackee() {
  return /*#__PURE__*/_react["default"].createElement(_stackeeChecker.StackeeChecker, {
    Component: _formList.FormList
  }, /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "first item"), /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    spacing: ['pr3', 'pl3']
  }, "second item"));
};

exports.MixinsStackee = MixinsStackee;