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

React based design system for UNDP

import { t as e } from "./utils-ca9as9Ye.js";
import { t } from "./dist-CQzJbxrW.js";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/components/ui/spinner.tsx
var i = t("animate-spin border-[5px] rounded-full inline-block box-border", {
	variants: {
		color: {
			primary: "border-primary !border-b-stroke",
			secondary: "border-secondary !border-b-stroke",
			tertiary: "border-tertiary !border-b-stroke",
			quaternary: "border-stroke !border-b-quaternary",
			foreground: "border-foreground !border-b-stroke"
		},
		size: {
			sm: "border-[2px] h-6 w-6",
			base: "border-[4px] h-8 w-8",
			lg: "border-[6px] h-12 w-12"
		}
	},
	defaultVariants: {
		size: "base",
		color: "primary"
	}
});
function a({ size: t, color: a, show: o = !0, children: s, className: c }) {
	return /* @__PURE__ */ r("span", {
		className: e("flex-col items-center justify-center", o ? "flex" : "hidden"),
		children: [/* @__PURE__ */ n("div", { className: e(i({
			color: a,
			size: t
		}), c) }), s]
	});
}
//#endregion
export { a as Spinner };

//# sourceMappingURL=Spinner.js.map