"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Main = void 0;

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

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

var _ = require("../..");

var _FilterSelection = require("./FilterSelection");

var _default = {
  component: _.FilterSelection,
  title: 'FilterSelection'
};
exports.default = _default;

var Wrapper = function Wrapper(_ref) {
  var props = (0, _extends2.default)({}, _ref);
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
    style: {
      minHeight: '50px',
      display: 'flex'
    }
  }, props));
};

var Main = function Main() {
  return /*#__PURE__*/_react.default.createElement("div", null, Object.keys(_FilterSelection.STATUS).map(function (status) {
    return /*#__PURE__*/_react.default.createElement(Wrapper, {
      key: status
    }, /*#__PURE__*/_react.default.createElement(_.Box, {
      marginRight: 2
    }, /*#__PURE__*/_react.default.createElement(_.FilterSelection, {
      status: _FilterSelection.STATUS[status],
      label: _FilterSelection.STATUS[status],
      onClick: function onClick() {}
    })), /*#__PURE__*/_react.default.createElement(_.Box, {
      marginRight: 2
    }, /*#__PURE__*/_react.default.createElement(_.FilterSelection, {
      status: _FilterSelection.STATUS[status],
      label: _FilterSelection.STATUS[status],
      onClick: function onClick() {},
      applied: true
    })), /*#__PURE__*/_react.default.createElement(_.Box, {
      marginRight: 2
    }, /*#__PURE__*/_react.default.createElement(_.FilterSelection, {
      status: _FilterSelection.STATUS[status],
      label: _FilterSelection.STATUS[status],
      onClick: function onClick() {},
      applied: true,
      amountApplied: 3
    })));
  }));
};

exports.Main = Main;