@anoki/fse-ui/dist/index.es8.js

FSE UI components library

import { j as g } from "./index.es244.js";
import { useMemo as s } from "react";
import { clsx as x } from "./index.es246.js";
import { createSpacingClasses as f } from "./index.es276.js";
const v = ({
  as: e,
  className: i,
  style: l,
  md: r,
  sm: o,
  xs: c,
  ...t
}) => {
  const p = e || "div", m = s(() => `col-grid-md-${r ?? "3"}`, [r]), n = s(() => o ? `col-grid-sm-${o ?? "6"}` : "", [o]), a = s(() => `col-grid-${c ?? "12"}`, [c]), d = s(() => {
    const C = f(t);
    return [a, n, m, ...C].join(" ");
  }, [m, t, n, a]);
  return /* @__PURE__ */ g.jsx(
    p,
    {
      className: x(i, d),
      style: {
        ...l
      },
      ...t
    }
  );
};
export {
  v as GridItem
};
//# sourceMappingURL=index.es8.js.map