@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
44 lines (43 loc) • 1.85 kB
JavaScript
"use client";
require("../../_virtual/_rolldown/runtime.cjs");
const require_rem = require("../../core/utils/units-converters/rem.cjs");
const require_use_props = require("../../core/MantineProvider/use-props/use-props.cjs");
const require_factory = require("../../core/factory/factory.cjs");
const require_ModalBaseContent = require("../ModalBase/ModalBaseContent.cjs");
const require_NativeScrollArea = require("../ModalBase/NativeScrollArea.cjs");
const require_Modal_context = require("./Modal.context.cjs");
const require_Modal_module = require("./Modal.module.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/components/Modal/ModalContent.tsx
const ModalContent = require_factory.factory((_props) => {
const { classNames, className, style, styles, vars, children, __hidden, ...others } = require_use_props.useProps("ModalContent", null, _props);
const ctx = require_Modal_context.useModalContext();
const Scroll = ctx.scrollAreaComponent || require_NativeScrollArea.NativeScrollArea;
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ModalBaseContent.ModalBaseContent, {
...ctx.getStyles("content", {
className,
style,
styles,
classNames
}),
innerProps: ctx.getStyles("inner", {
className,
style,
styles,
classNames
}),
"data-full-screen": ctx.fullScreen || void 0,
"data-modal-content": true,
"data-hidden": __hidden || void 0,
...others,
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Scroll, {
style: { maxHeight: ctx.fullScreen ? "100dvh" : `calc(100dvh - (${require_rem.rem(ctx.yOffset)} * 2))` },
children
})
});
});
ModalContent.classes = require_Modal_module.default;
ModalContent.displayName = "@mantine/core/ModalContent";
//#endregion
exports.ModalContent = ModalContent;
//# sourceMappingURL=ModalContent.cjs.map