import { t as e } from "./utils-CHlhTiFC.js";
import { t } from "./dist-C2Jrcfwk.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: {
		variant: {
			red: "border-accent-dark-red dark:border-accent-red !border-b-primary-gray-300 dark:!border-b-primary-gray-550",
			blue: "border-primary-blue-600 dark:border-primary-blue-500 !border-b-primary-gray-300 dark:!border-b-primary-gray-550",
			black: "border-primary-gray-600 dark:border-primary-gray-200 !border-b-primary-gray-300 dark:!border-b-primary-gray-550",
			custom: "border-custom-color-600 !border-b-primary-gray-300 dark:!border-b-primary-gray-550"
		},
		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",
		variant: "blue"
	}
});
function a({ size: t, variant: 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({
			variant: a,
			size: t
		}), c) }), s]
	});
}
//#endregion
export { a as Spinner };

//# sourceMappingURL=Spinner.js.map