import { jsx as s } from "react/jsx-runtime";
import { forwardRef as l } from "react";
import { _ as n } from "./twind.D7be0E5m.js";
import { b as a } from "./use-section-style.D7ZN4IXn.js";
const p = l(({ brick: e, editable: t, selected: o }, r) => {
  const i = a(e);
  return /* @__PURE__ */ s(
    "div",
    {
      ref: r,
      "data-mobile-hidden": !0,
      className: n(
        "flex-grow flex-shrink-0 @mobile:hidden 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",
        o && "striped-bg ",
        ...Object.values(i)
      )
    }
  );
});
export {
  p as default
};
//# sourceMappingURL=spacer.SW4LOWno.js.map
