"use client";
// Adapted from Adobe React Spectrum starters (Apache-2.0).
// Modified: owned composition, local runtime, scoped CSS and customization.
// See THIRD_PARTY_NOTICES.md.
import {
  ColorSlider as AriaColorSlider,
  type ColorSliderProps as AriaProps,
  Label,
  SliderOutput,
  SliderTrack,
  ColorThumb,
  composeRenderProps,
} from "./react-aria-runtime.js";
export function ColorSlider({
  label,
  className,
  ...props
}: Omit<AriaProps, "children"> & { label: string }) {
  return (
    <AriaColorSlider
      {...props}
      className={composeRenderProps(
        className,
        (value) => `ynr-color-slider ynr-aria ${value ?? ""}`,
      )}
    >
      <Label className="ynr-aria-label">{label}</Label>
      <SliderOutput />
      <SliderTrack className="ynr-aria-color-track">
        <ColorThumb className="ynr-aria-color-thumb" />
      </SliderTrack>
    </AriaColorSlider>
  );
}