@frontify/fondue
Version:
Design system of Frontify
37 lines (36 loc) • 1.2 kB
JavaScript
import { jsx as a } from "react/jsx-runtime";
import { FrontifyPattern as i } from "../FrontifyPattern/FrontifyPattern.es.js";
import { merge as m } from "../../utilities/merge.es.js";
import { PatternScale as s } from "../../foundation/Pattern/PatternScale.es.js";
import { PatternDesign as o } from "../../foundation/Pattern/PatternDesigns.es.js";
import { patternThemes as l } from "../../foundation/Pattern/PatternTheme.es.js";
const r = ({
pattern: e = o.DigitalAssets,
foregroundColor: t
}) => /* @__PURE__ */ a(
"div",
{
"data-test-id": "modal-visual",
className: m([
"tw-h-[1802px] tw-absolute tw-bottom-0",
t && l[t]
]),
style: {
clipPath: "path('M0 0L252 145.492C256.95 148.35 260 153.632 260 159.349V1641.98C260 1647.7 256.95 1652.98 252 1655.84L0 1801.33V1501.11V0Z')"
},
children: /* @__PURE__ */ a("div", { className: "tw-absolute tw-bottom-0", children: /* @__PURE__ */ a(
i,
{
pattern: e,
scaleOrigin: ["left", "bottom"],
scale: s.XXL,
foregroundColor: t
}
) })
}
);
r.displayName = "FondueModalVisual";
export {
r as ModalVisual
};
//# sourceMappingURL=ModalVisual.es.js.map