import { jsx as i } from "react/jsx-runtime";
import { forwardRef as l } from "react";
import { _ as n } from "./twind.BLUk_ZzT.js";
import { b as a } from "./use-section-style.Cg6VYj5D.js";
const c = l(({ brick: o, editable: t, selected: e }, r) => {
  const s = a(o), { props: f } = o;
  return /* @__PURE__ */ i(
    "div",
    {
      ref: r,
      className: n(
        "flex-grow flex-shrink-0 @mobile:w-full h-full",
        t && "outline-dotted -outline-offset-1 outline-transparent hover:(striped-bg outline-black/10) group-hover/section:(striped-bg outline-black/10) transition-colors duration-150",
        e && "striped-bg ",
        ...Object.values(s)
      )
    }
  );
});
export {
  c as default
};
//# sourceMappingURL=spacer.BHuVzHKm.js.map
