import { j as jsxRuntimeExports } from "./jsx-runtime.CXYVdt5g.js";
import { bA as manifest } from "./use-editor.CurXdZnZ.js";
import "@sinclair/typebox";
import "lodash-es";
import { a as tx } from "./twind.B1qQmF_s.js";
import { b as useBrickStyle } from "./use-section-style.D8_SY6rK.js";
import { B as BrickRoot } from "./BrickRoot.C4Jpjw20.js";
function Spacer({ brick, editable, selected }) {
  const styles = useBrickStyle(brick);
  return /* @__PURE__ */ jsxRuntimeExports.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.RFRVSnqq.js.map
