@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
52 lines (51 loc) • 822 B
JavaScript
import { c as e } from "../../index-D29mdTf5.js";
const s = e([
"relative",
"flex",
"items-center",
"w-full"
]), a = e(
["relative", "flex-grow", "rounded-full", "bg-kubefirst-secondary"],
{
variants: {
size: {
sm: ["h-1"],
md: ["h-2"],
lg: ["h-3"]
}
},
defaultVariants: {
size: "md"
}
}
), t = e(
[
"block",
"w-5",
"h-5",
"rounded-full",
"cursor-pointer",
"focus-visible:outline-none",
"shadow-md",
"bg-white",
"border",
"border-gray-300"
],
{
variants: {
size: {
sm: ["w-5", "h-5"],
md: ["w-6", "h-6"],
lg: ["w-7", "h-7"]
}
},
defaultVariants: {
size: "md"
}
}
);
export {
s as sliderVariants,
t as thumbVariants,
a as trackVariants
};