import { jsx as i } from "react/jsx-runtime";
import { aq as s } from "./chunk-3RDGTRSB.DySNCMmQ.js";
import "@sinclair/typebox";
import { _ as a } from "./twind.D7be0E5m.js";
import { b as n } from "./use-section-style.CihCUEtb.js";
import { B as l } from "./BrickRoot.C1PanknS.js";
function b({ brick: t, editable: o, selected: e }) {
  const r = n(t);
  return /* @__PURE__ */ i(
    l,
    {
      manifest: s,
      "data-mobile-hidden": !0,
      className: a(
        "@mobile:hidden h-full",
        o && "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(r)
      )
    }
  );
}
export {
  b as default
};
//# sourceMappingURL=spacer.DJLXZq9R.js.map
