import { jsx as i } from "react/jsx-runtime";
import { _ as s } from "./chunk-RXIM6GTA.C-ABNABt.js";
import "@sinclair/typebox";
import { _ as n } from "./twind.D_WBdNpx.js";
import { b as a } from "./use-section-style.CgktT_qE.js";
import { B as l } from "./BrickRoot.LoA8SzjD.js";
function b({ brick: o, editable: t, selected: r }) {
  const e = a(o);
  return /* @__PURE__ */ i(
    l,
    {
      editable: t,
      manifest: s,
      "data-mobile-hidden": !0,
      className: n(
        "@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",
        r && "striped-bg ",
        ...Object.values(e)
      )
    }
  );
}
export {
  b as default
};
//# sourceMappingURL=spacer.CI-n14Xg.js.map
