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