@pdf-viewer/react 1.2.0-beta.1 → 1.2.0-rc.0

package/dist/Container-8fea0875.js

@@ -0,0 +1,39 @@
+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 d = {
+  "rp-layout": "_rp-layout_1965c_1",
+  "rp-content": "_rp-content_1965c_5",
+  "rp-pages": "_rp-pages_1965c_11",
+  "rp-container": "_rp-container_1965c_16",
+  "rp-loader": "_rp-loader_1965c_52",
+  "rp-theme-variables": "_rp-theme-variables_1965c_56",
+  "rp-dark-mode": "_rp-dark-mode_1965c_143"
+}, h = {
+  "rp-container": "_rp-container_1fbrq_1"
+}, b = (t) => {
+  const { children: a, getContainerRef: o, toolbarRef: r, style: s, className: c } = t, { darkMode: e } = i(), { customVariables: n, customDarkVariables: p } = l();
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: o,
+      "data-rp": "container",
+      className: m(
+        h["rp-container"],
+        e ? d["rp-dark-mode"] : "",
+        c
+      ),
+      style: {
+        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
+        ...e ? p : n,
+        ...s
+      },
+      children: a
+    }
+  );
+};
+export {
+  b as C,
+  d as c
+};