{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport cn from 'classnames';\nimport Button from 'components/gui/Button';\nimport { useState } from 'react';\nimport styles from './ListFilters.module.scss';\n\nvar FilterItem = function FilterItem(_ref) {\n  var className = _ref.className,\n      label = _ref.label,\n      number = _ref.number,\n      active = _ref.active,\n      onClick = _ref.onClick;\n  return /*#__PURE__*/_jsxs(Button, {\n    onClick: onClick,\n    className: cn(styles.filterItem, active && styles.activeFilter, className),\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      children: label\n    }), /*#__PURE__*/_jsx(\"span\", {\n      className: styles.number,\n      children: number\n    })]\n  });\n};\n\nvar ListFilters = function ListFilters(_ref2) {\n  var className = _ref2.className,\n      title = _ref2.title,\n      filteredList = _ref2.filteredList,\n      filters = _ref2.filters,\n      onChange = _ref2.onChange;\n\n  var _useState = useState(filters[0].label),\n      currentItem = _useState[0],\n      setCurrentItem = _useState[1];\n\n  var handleClick = function handleClick(item) {\n    setCurrentItem(item.label);\n    onChange && onChange(item);\n  };\n\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: cn(styles.listFilters, className),\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      className: cn(styles.title),\n      children: title\n    }), filters.map(function (item) {\n      return /*#__PURE__*/_jsx(FilterItem, {\n        label: item.label,\n        number: filteredList.filter(item.filter).length,\n        active: item.label == currentItem,\n        onClick: function onClick() {\n          return handleClick(item);\n        }\n      }, item.label);\n    })]\n  });\n};\n\nexport default ListFilters;","map":null,"metadata":{},"sourceType":"module"}