"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ControlBar = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const AddOutlineMd_1 = require("../../../icons/AddOutlineMd");
const MinusOutlineMd_1 = require("../../../icons/MinusOutlineMd");
const IconButton_1 = require("../../IconButton");
const styles_1 = require("./styles");
const ControlBar = ({ zoomIn, zoomOut, pageNumber, buttonProps, isViewerLite, isLoading, pageCount, enabledZoom, }) => {
    const isVisible = !(isViewerLite || isLoading || !enabledZoom);
    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isVisible": isVisible, children: [pageCount > 1 && ((0, jsx_runtime_1.jsx)(styles_1.StyledTag, { color: "grey", variant: "light", label: pageNumber })), enabledZoom && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.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: (0, jsx_runtime_1.jsx)(AddOutlineMd_1.AddOutlineMd, {}) }), (0, jsx_runtime_1.jsx)(IconButton_1.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: (0, jsx_runtime_1.jsx)(MinusOutlineMd_1.MinusOutlineMd, {}) })] }))] }));
};
exports.ControlBar = ControlBar;
