{"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\nconst FilterItem = ({\n  className,\n  label,\n  number,\n  active,\n  onClick\n}) => {\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\nconst ListFilters = ({\n  className,\n  title,\n  filteredList,\n  filters,\n  onChange\n}) => {\n  const {\n    0: currentItem,\n    1: setCurrentItem\n  } = useState(filters[0].label);\n\n  const 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(item => /*#__PURE__*/_jsx(FilterItem, {\n      label: item.label,\n      number: filteredList.filter(item.filter).length,\n      active: item.label == currentItem,\n      onClick: () => handleClick(item)\n    }, item.label))]\n  });\n};\n\nexport default ListFilters;","map":null,"metadata":{},"sourceType":"module"}