@frontify/fondue
Version:
Design system of Frontify
53 lines (52 loc) • 1.21 kB
JavaScript
import { jsx as x } from "react/jsx-runtime";
import { Overlay as N } from "../../utilities/dialogs/Overlay.es.js";
import { Z_INDEX_MODAL as c } from "../../utilities/dialogs/constants.es.js";
import { Modality as o } from "../../types/dialog.es.js";
const b = ({
id: r,
children: a,
open: t,
anchor: d,
enablePortal: i = !0,
maxHeight: l = "auto",
maxWidth: s,
minHeight: n = 200,
minWidth: u = 600,
modality: e = o.Modal,
handleClose: f,
"data-test-id": g = "fondue-dialog",
darkUnderlay: m = !1,
autoHeight: p = !1,
verticalAlignment: D = "centered",
roundedCorners: M = !0
}) => /* @__PURE__ */ x(
N,
{
id: r,
"data-test-id": g,
open: t,
anchor: d,
enablePortal: i,
minWidth: u,
minHeight: n,
maxWidth: s,
maxHeight: l,
modality: e,
handleClose: f,
role: e === o.NonModal ? "region" : "dialog",
darkUnderlay: m,
autoHeight: p,
zIndex: c,
isDetached: !0,
verticalAlignment: D,
strategy: e === o.NonModal ? "absolute" : "fixed",
roundedCorners: M,
borderRadius: "large",
children: a
}
);
b.displayName = "FondueDialog";
export {
b as Dialog
};
//# sourceMappingURL=Dialog.es.js.map