@pdf-viewer/react 1.1.1-beta.0 → 1.1.1

package/dist/Container-982378f8.js

@@ -0,0 +1,38 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useDarkModeContext as i } from "./contexts/DarkModeContext.js";
+import { c as _ } from "./clsx-0c6e471a.js";
+import { useThemeContext as l } from "./contexts/ThemeContext.js";
+import './assets/Container.css';const d = {
+  "rp-layout": "_rp-layout_smcgk_1",
+  "rp-content": "_rp-content_smcgk_5",
+  "rp-pages": "_rp-pages_smcgk_11",
+  "rp-container": "_rp-container_smcgk_16",
+  "rp-theme-variables": "_rp-theme-variables_smcgk_52",
+  "rp-dark-mode": "_rp-dark-mode_smcgk_129"
+}, k = {
+  "rp-container": "_rp-container_1fbrq_1"
+}, x = (t) => {
+  const { children: s, getContainerRef: a, toolbarRef: r, style: o, className: c } = t, { darkMode: e } = i(), { customVariables: n, customDarkVariables: p } = l();
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: a,
+      "data-rp": "container",
+      className: _(
+        k["rp-container"],
+        e ? d["rp-dark-mode"] : "",
+        c
+      ),
+      style: {
+        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
+        ...e ? p : n,
+        ...o
+      },
+      children: s
+    }
+  );
+};
+export {
+  x as C,
+  d as c
+};