import { jsxs as o, Fragment as p, jsx as r } from "react/jsx-runtime";
import { useRef as d } from "react";
import { i as h, c as u, n as t, o as b, p as f } from "../../../ToolbarLayout.module-cbc8e216.js";
import { useLayoutContainer as v } from "../../../contexts/LayoutContainerContext.js";
import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
import "../../../contexts/RPDocumentContext.js";
import "../../../contexts/DocumentPasswordContext.js";
import "../../../contexts/DarkModeContext.js";
import "../../../contexts/RotationContext.js";
import "../../../contexts/LayerContext.js";
import "../../../contexts/ZoomContext.js";
import "../../../contexts/ViewModeContext.js";
import "../../../contexts/ScrollModeContext.js";
import "../../../contexts/VirtualScrollContext.js";
import "../../../contexts/VirtualGridContext.js";
import "../../../contexts/SelectionModeContext.js";
import "../../../contexts/InitialStateContext.js";
import "../../../contexts/FullScreenContext.js";
import "../../../contexts/FileInputContext.js";
import "../../../contexts/DropFileZoneContext.js";
import "../../../contexts/DimensionPagesContext.js";
import "../../../contexts/LocalizationContext.js";
import "../../../contexts/HighlightContext.js";
import "../../../contexts/LicenseContext.js";
import "../../../contexts/DownloadContext.js";
import "../../../contexts/SmoothScrollContext.js";
import "../../../contexts/ElementPageContext.js";
import "../../../contexts/PagesRotateContext.js";
import "../../../contexts/GlobalCurrentPage.js";
import "../../../contexts/LoaderContext.js";
import "../../../contexts/ToolComponentContext.js";
import "../../../contexts/IconToolContext.js";
import "../../../contexts/OtherToolContext.js";
import "../../RPConfig.js";
import "../Container.js";
import "../../../contexts/ViewportContext.js";
import "../WrapperLayout.js";
import "../../../contexts/ThemeContext.js";
import "../../RPDropFileZone.js";
import "../../ui/Button.js";
import "../../../SearchCloseButton-cbf182aa.js";
import "../../ui/Input.js";
import "../../ui/Checkbox.js";
import "../../icons/LoaderIcon.js";
import "../../../contexts/IconContext.js";
import "../../ui/RPTooltip.js";
import "../../ui/DropDown.js";
import "../../../ZoomTool.module-6c5eabbb.js";
import "./MenuItem.js";
import "./MenuSeparator.js";
import { RPHorizontalBar as x } from "./tools/defaults/RPHorizontalBar.js";
import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
const xr = (a) => {
  const { children: e } = a, n = d(null), { setContentRef: s } = v(), { active: i } = h(), { showPrintProgress: c } = g(), { progress: l } = u(), { percentage: m } = l || {};
  return /* @__PURE__ */ o(p, { children: [
    /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
      /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(x, {}) }),
      /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
        /* @__PURE__ */ o(p, { children: [
          /* @__PURE__ */ r("div", { "data-rp": "sidebar", className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(C, {}) }),
          /* @__PURE__ */ r(
            "div",
            {
              "data-rp": "thumbnailSidebar",
              hidden: !i,
              className: t["rp-thumbnails-wrapper"],
              children: /* @__PURE__ */ r(b, { show: i, ref: n })
            }
          )
        ] }),
        /* @__PURE__ */ r("div", { ref: s, className: t["rp-pages"], children: e })
      ] })
    ] }),
    c && m ? /* @__PURE__ */ r(f, { percentage: m }) : null
  ] });
};
export {
  xr as ToolbarDefault
};
