import { j as i } from "../../../../../_virtual/jsx-runtime.js";
import { a as s } from "../../../../sdk/dist/shared/chunk-XED6ARVN.js";
import "../../../../sdk/dist/shared/chunk-6PGAWO4H.js";
import "../../../../sdk/dist/shared/chunk-F4JNKU7J.js";
import "@sinclair/typebox";
import "../../../../sdk/dist/shared/chunk-7UBMXMNJ.js";
import "../../../../sdk/dist/shared/chunk-JRCVYDCD.js";
import { tx as m } from "../../../../style-system/dist/twind.js";
import { useBrickStyle as n } from "../hooks/use-brick-style.js";
import p from "../components/BrickRoot.js";
function j({ brick: t, editable: o, selected: r }) {
  const e = n(t);
  return /* @__PURE__ */ i.jsx(
    p,
    {
      brick: t,
      editable: o,
      manifest: s,
      "data-mobile-hidden": !0,
      className: m(
        "@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",
        r && "striped-bg ",
        ...Object.values(e)
      )
    }
  );
}
export {
  j as default
};
//# sourceMappingURL=spacer.js.map
