import type { InputHTMLAttributes } from "react";
import { cn } from "../../lib/cn";

export type SliderProps = InputHTMLAttributes<HTMLInputElement>;

export function Slider({ className, ...props }: SliderProps) {
  return (
    <input
      className={cn("h-2 w-full accent-[var(--uhuru-action-primary)]", className)}
      type="range"
      {...props}
    />
  );
}