@frontify/fondue/dist/components/FrontifyPattern/FrontifyPattern.es.js

Design system of Frontify

import { jsx as o } from "react/jsx-runtime";
import { cloneElement as i } from "react";
import { patternDesigns as m, PatternDesign as s } from "../../foundation/Pattern/PatternDesigns.es.js";
import { patternScales as p, PatternScale as f } from "../../foundation/Pattern/PatternScale.es.js";
import { patternThemes as l, PatternTheme as c } from "../../foundation/Pattern/PatternTheme.es.js";
import { merge as d } from "../../utilities/merge.es.js";
const g = ({
  pattern: t = s.DigitalAssets,
  scale: e = f.SM,
  scaleOrigin: r = ["top", "left"],
  foregroundColor: a = c.Black,
  "data-test-id": n = "frontify-pattern"
}) => /* @__PURE__ */ o(
  "div",
  {
    "data-test-id": n,
    className: d(["tw-w-[260px]", l[a]]),
    style: { transformOrigin: `${r.join(" ")}`, transform: `scale(${p[e]})` },
    children: i(m[t])
  }
);
g.displayName = "FondueFrontifyPattern";
export {
  g as FrontifyPattern
};
//# sourceMappingURL=FrontifyPattern.es.js.map