@undp/design-system-react/dist/Spacer.js

React based design system for UNDP

import { t as e } from "./utils-ca9as9Ye.js";
import { t } from "./dist-CQzJbxrW.js";
import n from "react";
import { jsx as r } from "react/jsx-runtime";
//#region src/components/ui/spacer.tsx
var i = t("h-0 w-full", {
	variants: { size: {
		xs: "py-px",
		sm: "py-[2px]",
		base: "py-1",
		lg: "py-1.5",
		xl: "py-2",
		"2xl": "py-3",
		"3xl": "py-4",
		"4xl": "py-5",
		"5xl": "py-6",
		"6xl": "py-8",
		"7xl": "py-10",
		"8xl": "py-12",
		"9xl": "py-20"
	} },
	defaultVariants: { size: "base" }
}), a = n.forwardRef(({ className: t, size: n, ...a }, o) => /* @__PURE__ */ r("div", {
	...a,
	className: e(i({ size: n }), t),
	ref: o
}));
a.displayName = "Spacer";
//#endregion
export { a as Spacer };

//# sourceMappingURL=Spacer.js.map