"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { registerRenderer } from "@wabbit/tome-blocks-core/render";
import styles from "./Spacer.module.css";
const Spacer = ({ block, className }) => {
  const customHeight = block.size === "custom" && block.customSize ? `calc(var(--tome-space-4) * ${block.customSize})` : void 0;
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: [
        styles.spacer,
        block.size && styles[`size-${block.size}`],
        block.bridgeMode && styles.bridge,
        block.responsiveOptions?.mobileOnly && styles.mobileOnly,
        block.responsiveOptions?.desktopOnly && styles.desktopOnly,