import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import { FilterSelection, Box } from '../..';
import { STATUS } from './FilterSelection';
export default {
  component: FilterSelection,
  title: 'FilterSelection'
};

var Wrapper = function Wrapper(_ref) {
  var props = _extends({}, _ref);

  return /*#__PURE__*/React.createElement("div", _extends({
    style: {
      minHeight: '50px',
      display: 'flex'
    }
  }, props));
};

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