import { lt as __exportAll } from "./translation-adapter-B-Vhfzbz.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
import { ArrowUpDown } from "lucide-react";
//#region ../widgets/src/widgets/SpacerWidget.tsx
var SpacerWidget_exports = /* @__PURE__ */ __exportAll({
	SpacerWidget: () => SpacerWidget,
	spacerWidgetPropertySchema: () => spacerWidgetPropertySchema
});
function SpacerWidget({ customHeight = "128px", previewMode = false, className, style, ...props }) {
	return /* @__PURE__ */ jsx("div", {
		className: `w-full ${className ?? ""}`,
		style: {
			height: customHeight,
			...style
		},
		"aria-hidden": "true",
		...props,
		children: previewMode && /* @__PURE__ */ jsxs("div", {
			className: "border-muted/40 bg-muted text-muted-foreground flex h-full w-full items-center justify-center gap-1 border border-dashed",
			children: [/* @__PURE__ */ jsx(ArrowUpDown, {}), /* @__PURE__ */ jsx("span", { children: "SPACER" })]
		})
	});
}
const spacerWidgetPropertySchema = {
	widgetType: "SpacerWidget",
	displayName: "Spacer",
	fields: [{
		key: "customHeight",
		label: "Height",
		type: "cssUnit",
		description: "Height of the spacer",
		defaultValue: "128px",
		allowedUnits: [
			"px",
			"vh",
			"rem"
		],
		minByUnit: {
			px: 1,
			vh: 1,
			rem: .25
		},
		maxByUnit: {
			px: 2e3,
			vh: 100,
			rem: 125
		},
		stepByUnit: {
			px: 1,
			vh: 1,
			rem: .25
		},
		group: "Spacing"
	}]
};
//#endregion
export { SpacerWidget_exports as n, spacerWidgetPropertySchema as r, SpacerWidget as t };

//# sourceMappingURL=SpacerWidget-CXiamp_6.mjs.map