import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import { addStoryInGroup, COMPOSITIONS } from '../../../.storybook/utils';
import FilterSelection, { STATUS } from './FilterSelection';
export default {
  component: FilterSelection,
  title: addStoryInGroup(COMPOSITIONS, 'FilterSelection')
};
export var DefaultState = function DefaultState(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, args);
};
DefaultState.args = {
  label: 'default',
  status: STATUS.DEFAULT
};
export var DefaultStateWithModifications = function DefaultStateWithModifications(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, args);
};
DefaultStateWithModifications.args = {
  label: 'default with modifications',
  status: STATUS.DEFAULT,
  modificationText: 'This filter was cleared'
};
export var Focused = function Focused(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, _extends({
    label: "focused"
  }, args));
};
Focused.args = {
  label: 'focused',
  status: STATUS.FOCUSED,
  applied: true
};
export var Active = function Active(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, _extends({
    label: "active"
  }, args));
};
Active.args = {
  label: 'active',
  status: STATUS.ACTIVE,
  applied: true
};
export var ActiveWithClearableSelection = function ActiveWithClearableSelection(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, _extends({
    label: "active with clearable selection"
  }, args));
};
ActiveWithClearableSelection.args = {
  label: 'active with clearable selection',
  status: STATUS.ACTIVE,
  applied: true
};
export var ActiveWithCountableSelection = function ActiveWithCountableSelection(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, _extends({
    label: "active with countable selection"
  }, args));
};
ActiveWithCountableSelection.args = {
  label: 'active with countable selection',
  status: STATUS.ACTIVE,
  applied: true,
  amountApplied: 3
};
export var Disabled = function Disabled(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, _extends({
    label: "disabled"
  }, args));
};
Disabled.args = {
  label: 'disabled',
  status: STATUS.DISABLED,
  applied: true
};
export var Invalid = function Invalid(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, _extends({
    label: "invalid"
  }, args));
};
Invalid.args = {
  label: 'invalid',
  status: STATUS.INVALID,
  applied: true
};
export var Broken = function Broken(args) {
  return /*#__PURE__*/React.createElement(FilterSelection, _extends({
    label: "broken"
  }, args));
};
Broken.args = {
  label: 'broken',
  status: STATUS.BROKEN,
  applied: true
};