// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Slider as Primitive } from "./_ynrlib/radix-ui.js";
export function Slider({
  className = "",
  value,
  defaultValue = [50],
  thumbLabels,
  ...props
}: ComponentProps<typeof Primitive.Root> & { thumbLabels?: string[] }) {
  const values = value ?? defaultValue;
  return (
    <Primitive.Root
      {...props}
      value={value}
      defaultValue={defaultValue}
      className={`ynr-slider ${className}`}
    >
      <Primitive.Track className="ynr-slider-track">
        <Primitive.Range className="ynr-slider-range" />
      </Primitive.Track>
      {values.map((_, index) => (
        <Primitive.Thumb
          key={index}
          aria-label={thumbLabels?.[index] ?? `Value ${index + 1}`}
          className="ynr-slider-thumb"
        />
      ))}
    </Primitive.Root>
  );
}