import { h as e } from "./chunk.BlbRoQQ3.js";
import { ae as t } from "./use-page-data.Cb2SuuwJ.js";
import "./chunk-LSPN22SI.D75E3zS-.js";
import { c as n } from "./twind.BiM9xcCd.js";
import { b as r } from "./jsx-runtime.DF4K5VCp.js";
import "./chroma-js.Dcir27CH.js";
import "./color-system.Dp99zR0T.js";
import "./react.BZZIbN3T.js";
import "./schema-resolver.p7B_pu36.js";
import { b as i } from "./use-brick-style.DDPl-_C1.js";
import "./use-brick-manifest.Iv9SG-7-.js";
import { b as a } from "./BrickRoot.DbISziyH.js";
var o = /* @__PURE__ */ e(r());
function s({ brick: e, editable: r, selected: s }) {
	let c = i(e);
	return /* @__PURE__ */ (0, o.jsx)(a, {
		brick: e,
		editable: r,
		manifest: t,
		"data-mobile-hidden": !0,
		className: n("@mobile:hidden @desktop:flex h-full", r && "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", s && "striped-bg ", ...Object.values(c))
	});
}
export { s as default };

//# sourceMappingURL=spacer.BtQ7SKQ-.js.map