import { jsx } from "react/jsx-runtime";
import { bx as manifest } from "./use-page-data.CMUQyNAA.js";
import "@sinclair/typebox";
import { a as tx } from "./twind.DdSZmZu6.js";
import { b as useBrickStyle } from "./use-section-style.DjjgfIQS.js";
import { B as BrickRoot } from "./BrickRoot.D_a_fRJm.js";
function Spacer({ brick, editable, selected }) {
  const styles = useBrickStyle(brick);
  return /* @__PURE__ */ jsx(
    BrickRoot,
    {
      brick,
      editable,
      manifest,
      "data-mobile-hidden": true,
      className: tx(
        "@mobile:hidden @desktop:flex h-full",
        editable && "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",
        selected && "striped-bg ",
        ...Object.values(styles)
      )
    }
  );
}
export {
  Spacer as default
};
//# sourceMappingURL=spacer.NsK8TNHb.js.map
