fui-fancyui
Version:
FancyUI Libary
51 lines (50 loc) • 1.14 kB
JavaScript
"use client";
import { jsxs as y, Fragment as S, jsx as s } from "react/jsx-runtime";
import { useState as b, useEffect as O } from "react";
import k from "../../atoms/BackDrop/BackDrop.js";
import C from "../../atoms/SimpleDialog/SimpleDialog.js";
import { useBodyOverflow as D } from "../../../utils/hooks/useBodyOverflow/useBodyOverflow.js";
function I(i) {
const {
children: n,
isOpen: e,
onClose: o,
isCloseable: a = !0,
themeType: f,
layer: m,
backDrop: d = !0,
externalStyle: p,
zIndex: r = 100,
header: c,
footer: u,
...x
} = i, [t, l] = b(!1);
D("hidden");
const h = () => {
a && (o && o(), l(!1));
};
return O(() => {
l(!!e);
}, [e]), /* @__PURE__ */ y(S, { children: [
/* @__PURE__ */ s(
C,
{
isOpen: t,
themeType: f,
layer: m,
footer: u,
header: c,
externalStyle: {
zIndex: r + 1,
...p
},
...x,
children: n
}
),
d && /* @__PURE__ */ s(k, { isOpen: t, externalStyle: { zIndex: r }, onClick: h })
] });
}
export {
I as default
};