@pdf-viewer/react 1.4.1 → 1.5.0-beta.1

package/dist/Container-82a82a01.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_cwyj9_1",
+  "rp-content": "_rp-content_cwyj9_5",
+  "rp-pages": "_rp-pages_cwyj9_11",
+  "rp-container": "_rp-container_cwyj9_16",
+  "rp-loader": "_rp-loader_cwyj9_54",
+  "rp-theme-variables": "_rp-theme-variables_cwyj9_58",
+  "rp-dark-mode": "_rp-dark-mode_cwyj9_148"
+}, y = {
+  "rp-container": "_rp-container_1fbrq_1"
+}, f = (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(
+        y["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 {
+  f as C,
+  d as c
+};