import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Tab } from '../../Tabs';
import { StyledTabs } from './styles';
export const Tabs = ({ listType, notificationsCount, unreadNotificationsCount, onChange, }) => {
    const handleChange = (_, value) => {
        onChange(value);
    };
    return (_jsxs(StyledTabs, { value: listType, onChange: handleChange, children: [_jsx(Tab, { value: "unread", label: "\u041D\u0435\u043F\u0440\u043E\u0447\u0438\u0442\u0430\u043D\u043D\u044B\u0435", count: unreadNotificationsCount }), _jsx(Tab, { value: "all", label: "\u0412\u0441\u0435", count: notificationsCount })] }));
};
