File size: 774 Bytes
6da9beb 6821e3e 6da9beb c78f7b4 6da9beb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
import { ComponentProps } from "react";
import { Slider } from "@/components/ui/slider";
import { Label } from "@/components/ui/label";
import { cn } from "@/lib/utils/cn";
export function SliderField({
label,
className = "",
labelClassName = "",
sliderClassName = "",
...props
}: ComponentProps<typeof Slider> & {
label?: string;
className?: string;
labelClassName?: string;
sliderClassName?: string;
}) {
return (
<div className={cn(
`flex flex-col space-y-3 items-start`,
className
)}>
{label && <Label className={cn(`
text-base md:text-lg lg:text-xl
text-stone-900/90 dark:text-stone-100/90
`, labelClassName)}>{label}</Label>}
<Slider {...props} className={sliderClassName} />
</div>
)
} |