const require_chunk = require("./chunk-9hOWP6kD.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
let lucide_react = require("lucide-react");
//#region ../widgets/src/widgets/SpacerWidget.tsx
var SpacerWidget_exports = /* @__PURE__ */ require_chunk.__exportAll({
	SpacerWidget: () => SpacerWidget,
	spacerWidgetPropertySchema: () => spacerWidgetPropertySchema
});
function SpacerWidget({ customHeight = "128px", previewMode = false, className, style, ...props }) {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
		className: `w-full ${className ?? ""}`,
		style: {
			height: customHeight,
			...style
		},
		"aria-hidden": "true",
		...props,
		children: previewMode && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUpDown, {}), /* @__PURE__ */ (0, react_jsx_runtime.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
Object.defineProperty(exports, "SpacerWidget", {
	enumerable: true,
	get: function() {
		return SpacerWidget;
	}
});
Object.defineProperty(exports, "SpacerWidget_exports", {
	enumerable: true,
	get: function() {
		return SpacerWidget_exports;
	}
});
Object.defineProperty(exports, "spacerWidgetPropertySchema", {
	enumerable: true,
	get: function() {
		return spacerWidgetPropertySchema;
	}
});

//# sourceMappingURL=SpacerWidget-CBr--iyL.cjs.map