import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { AddOutlineMd } from '../../../icons/AddOutlineMd';
import { MinusOutlineMd } from '../../../icons/MinusOutlineMd';
import { IconButton } from '../../IconButton';
import { StyledTag, Wrapper } from './styles';
export const ControlBar = ({ zoomIn, zoomOut, pageNumber, buttonProps, isViewerLite, isLoading, pageCount, enabledZoom, }) => {
    const isVisible = !(isViewerLite || isLoading || !enabledZoom);
    return (_jsxs(Wrapper, { "$isVisible": isVisible, children: [pageCount > 1 && (_jsx(StyledTag, { color: "grey", variant: "light", label: pageNumber })), enabledZoom && (_jsxs(_Fragment, { children: [_jsx(IconButton, { variant: "outlined", size: "medium", color: "grey", onClick: zoomIn, "aria-label": "\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C \u043C\u0430\u0441\u0448\u0442\u0430\u0431", disabled: buttonProps.isDisabledZoomIn, children: _jsx(AddOutlineMd, {}) }), _jsx(IconButton, { variant: "outlined", size: "medium", color: "grey", onClick: zoomOut, "aria-label": "\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C \u043C\u0430\u0441\u0448\u0442\u0430\u0431", disabled: buttonProps.isDisabledZoomOut, children: _jsx(MinusOutlineMd, {}) })] }))] }));
};
