UNPKG

fui-fancyui

Version:
15 lines (14 loc) 940 B
"use client"; import { jsx as r } from "react/jsx-runtime"; import { useActiveBreakpoint as k } from "../../../utils/hooks/useActiveBreakpoint/useActiveBreakpoint.js"; import h from "../../atoms/SkeletonBox/SkeletonBox.js"; import o from "../FancyGridTemplate/FancyGridTemplate.js"; import { generateGridSet as u } from "./utils/generateGidSet.js"; import g from "../../../design/theme/themeStore/themeStore.js"; function G(n) { const { gridAreas: t, gridAreasBreakPoints: i, layer: m, themeType: a, borderRadius: s, ...p } = n, c = g((e) => e.theme.breakpoints), d = k(c), f = u({ gridAreas: t, gridAreasBreakPoints: i, activeBreakPoint: d }); return /* @__PURE__ */ r(o, { gridAreas: t, gridAreasBreakPoints: i, ...p, children: [...f].map((e, l) => /* @__PURE__ */ r(o.Item, { gridArea: e, children: /* @__PURE__ */ r(h, { sizeH: "fit", sizeW: "fit", borderRadius: s, themeType: a, layer: m }) }, l)) }); } export { G as default };