@bedrock-layout/stack/lib/index.m.js

bedrock-layout stack layout primitive

import { useTheme as l, getSafeGutter as d } from "@bedrock-layout/spacing-constants";
import { forwardRefWithAs as g } from "@bedrock-layout/type-utils";
import b from "react";
function p(e, t) {
  if (t !== void 0)
    return `${e}:${t}`;
}
const v = g(function({ as: t = "div", gutter: r, gap: o, align: n, style: i = {}, ...a }, c) {
  const s = l(), u = p("align", n), f = d(s, o ?? r), m = [u].filter(Boolean).join(" ");
  return /* @__PURE__ */ b.createElement(
    t,
    {
      ref: c,
      "data-br-stack": m,
      style: { "--gutter": f, ...i },
      ...a
    }
  );
});
export {
  v as Stack
};