@pdf-viewer/react 0.4.0-beta.2 → 0.5.0-beta.0

package/dist/Container-337e1b18.js

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