import React from 'react';
import { Box, Flexbox, Icon, Card } from '../..';
import FilterChip from '.';
export default {
  title: 'DEPRECATED / Molecules / QuickFilter (use FilterChip instead)',
  parameters: {
    component: [FilterChip]
  }
};
export var WithFourFilterChips = function WithFourFilterChips() {
  return React.createElement(Card, null, React.createElement(Box, {
    p: 2
  }, React.createElement(Flexbox, {
    container: true,
    gap: 1
  }, React.createElement(FilterChip, {
    icon: React.createElement(Icon.MonthlySavings16, null),
    value: "1"
  }), ' ', React.createElement(FilterChip, {
    icon: React.createElement(Icon.MonthlySavings16, null),
    label: "\xA0",
    value: "1"
  }), ' ', React.createElement(FilterChip, {
    icon: React.createElement(Icon.MonthlySavings16, null),
    label: "label",
    value: "1"
  }), ' ', React.createElement(FilterChip, {
    label: "Label one next to icon one",
    value: "0"
  }))));
};