import { j as i } from "../../../../../_virtual/jsx-runtime.js";
import { a as s } from "../../../../sdk/dist/shared/chunk-4TH3C76A.js";
import "../../../../sdk/dist/shared/chunk-UU2MSQXY.js";
import "../../../../sdk/dist/shared/chunk-UMHXXXVP.js";
import "@sinclair/typebox";
import { tx as n } from "../../../../style-system/dist/twind.js";
import { useBrickStyle as a } from "../hooks/use-brick-style.js";
import m from "../components/BrickRoot.js";
function h({ brick: t, editable: o, selected: e }) {
  const r = a(t);
  return /* @__PURE__ */ i.jsx(
    m,
    {
      brick: t,
      editable: o,
      manifest: s,
      "data-mobile-hidden": !0,
      className: n(
        "@mobile:hidden @desktop:flex 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 {
  h as default
};
//# sourceMappingURL=spacer.js.map
