forked from git.gladyson/openmonetis
38 lines
1007 B
TypeScript
38 lines
1007 B
TypeScript
"use client";
|
|
|
|
import { Slider as SliderPrimitive } from "radix-ui";
|
|
import type * as React from "react";
|
|
import { cn } from "@/lib/utils/ui";
|
|
|
|
function Slider({
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<typeof SliderPrimitive.Root>) {
|
|
return (
|
|
<SliderPrimitive.Root
|
|
data-slot="slider"
|
|
className={cn(
|
|
"relative flex w-full touch-none items-center select-none",
|
|
className,
|
|
)}
|
|
{...props}
|
|
>
|
|
<SliderPrimitive.Track
|
|
data-slot="slider-track"
|
|
className="bg-muted relative h-2 w-full grow overflow-hidden rounded-full"
|
|
>
|
|
<SliderPrimitive.Range
|
|
data-slot="slider-range"
|
|
className="bg-primary absolute h-full"
|
|
/>
|
|
</SliderPrimitive.Track>
|
|
<SliderPrimitive.Thumb
|
|
data-slot="slider-thumb"
|
|
className="border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-colors focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
|
|
/>
|
|
</SliderPrimitive.Root>
|
|
);
|
|
}
|
|
|
|
export { Slider };
|