@prismicio/next/dist/SliceSimulatorWrapper.cjs

Helpers to integrate Prismic into Next.js apps

require("./_virtual/_rolldown/runtime.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
let _prismicio_simulator_kit = require("@prismicio/simulator/kit");
//#region src/SliceSimulatorWrapper.tsx
/** A wrapper for the slice simulator that isolates the given children from the page's layout. */
const SliceSimulatorWrapper = ({ className, children, zIndex, background, message, hasSlices }) => {
	const defaultProps = (0, _prismicio_simulator_kit.getDefaultProps)();
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
		className: [_prismicio_simulator_kit.simulatorClass, className].filter(Boolean).join(" "),
		style: {
			zIndex: typeof zIndex === "undefined" ? defaultProps.zIndex : zIndex ?? void 0,
			position: "fixed",
			top: 0,
			left: 0,
			width: "100%",
			height: "100vh",
			overflow: "auto",
			background: typeof background === "undefined" ? defaultProps.background : background ?? void 0
		},
		children: message ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", { dangerouslySetInnerHTML: { __html: message } }) : hasSlices ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
			id: "root",
			className: _prismicio_simulator_kit.simulatorRootClass,
			onClickCapture: _prismicio_simulator_kit.onClickHandler,
			onSubmitCapture: _prismicio_simulator_kit.disableEventHandler,
			children
		}) : null
	});
};
//#endregion
exports.SliceSimulatorWrapper = SliceSimulatorWrapper;

//# sourceMappingURL=SliceSimulatorWrapper.cjs.map