@pdf-viewer/react 0.4.0-beta.1 → 0.4.0-beta.2

package/dist/Container-cea98fc1.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 d } from "./contexts/ThemeContext.js";
+import './assets/Container.css';const l = {
+  "rp-layout": "_rp-layout_10dus_1",
+  "rp-content": "_rp-content_10dus_5",
+  "rp-pages": "_rp-pages_10dus_11",
+  "rp-container": "_rp-container_10dus_16",
+  "rp-theme-variables": "_rp-theme-variables_10dus_51",
+  "rp-dark-mode": "_rp-dark-mode_10dus_125"
+}, u = {
+  "rp-container": "_rp-container_1fbrq_1"
+}, b = (s) => {
+  const { children: t, getContainerRef: o, toolbarRef: r, style: a, className: n } = s, { darkMode: e } = i(), { customVariables: p, customDarkVariables: c } = d();
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: o,
+      className: m(
+        u["rp-container"],
+        e ? l["rp-dark-mode"] : "",
+        n
+      ),
+      style: {
+        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
+        ...e ? c : p,
+        ...a
+      },
+      children: t
+    }
+  );
+};
+export {
+  b as C,
+  l as c
+};