@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
59 lines (58 loc) • 954 B
JavaScript
import { c as t } from "../../index-BNmRGtA6.js";
const e = t(
[
"w-[44px]",
"h-[22px]",
"flex",
"items-center",
"rounded-full",
"shadow",
"focus:shadow-md",
"data-[state=unchecked]:bg-zinc-200",
"transition-all",
"delay-10",
"duration-250"
],
{
variants: {
theme: {
kubefirst: "bg-kubefirst-primary",
colony: "bg-red-600",
civo: ""
}
},
defaultVariants: {
theme: "kubefirst"
}
}
), r = t(
[
"block",
"w-[18px]",
"h-[18px]",
"bg-white",
"rounded-full",
"shadow-md",
"transition-all",
"translate-x-1",
"data-[state=checked]:translate-x-5",
"delay-10",
"duration-300"
],
{
variants: {
theme: {
kubefirst: "",
colony: "",
civo: ""
}
},
defaultVariants: {
theme: "kubefirst"
}
}
);
export {
e as switchVariants,
r as thumbVariants
};