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

FSE UI components library

import { j as x } from "./index.es237.js";
import { useMemo as y } from "react";
import { clsx as g } from "./index.es239.js";
import { createSpacingClasses as j } from "./index.es356.js";
import { createColorClasses as u } from "./index.es310.js";
import { createTypographyClasses as h } from "./index.es357.js";
const E = ({
  as: o,
  className: r,
  display: a,
  justifyContent: e,
  alignItems: t,
  flexWrap: m,
  style: c,
  ref: p,
  ...s
}) => {
  const n = o || "div", l = y(() => {
    const i = j(s), C = u(s), f = h(s);
    return [...i, ...C, ...f].join(" ");
  }, [s]);
  return /* @__PURE__ */ x.jsx(
    n,
    {
      ref: p,
      className: g("base-row", r, l),
      style: {
        display: a,
        justifyContent: e,
        alignItems: t,
        flexWrap: m,
        ...c
      },
      ...s
    }
  );
};
export {
  E as Row
};
//# sourceMappingURL=index.es116.js.map