import { jsx as _jsx } from "react/jsx-runtime";
import { Button } from '../../../components/Button';
import { Filter2OutlineMd } from '../../../icons/Filter2OutlineMd';
import { formFiltersClassnames } from '../constants';
import { AllFiltersButtonWrapper, StyledBadge, StyledCounter, StyledTooltip, } from './styles';
import { useLogic } from './useLogic';
export const AllFiltersButton = (props) => {
    const { allFiltersButtonClassName, counter, onOpenModal } = useLogic(props);
    return (_jsx(AllFiltersButtonWrapper, { className: allFiltersButtonClassName, children: _jsx(StyledBadge, { color: "error", badgeContent: counter, variant: "dot", children: _jsx(StyledTooltip, { title: "\u0424\u0438\u043B\u044C\u0442\u0440\u044B", enterDelay: 400, enterNextDelay: 400, placement: "bottom-end", children: _jsx(Button, { onClick: onOpenModal, variant: "outlined", color: "grey", startIcon: _jsx(Filter2OutlineMd, {}), endIcon: counter ? _jsx(StyledCounter, { color: "error", content: counter }) : null, className: formFiltersClassnames.allFiltersButton, children: "\u0412\u0441\u0435 \u0444\u0438\u043B\u044C\u0442\u0440\u044B" }) }) }) }));
};
