"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 {
  ColorWheel as AriaColorWheel,
  type ColorWheelProps as AriaProps,
  ColorWheelTrack,
  ColorThumb,
  composeRenderProps,
} from "./react-aria-runtime.js";
export function ColorWheel({
  className,
  style,
  outerRadius = 100,
  innerRadius = 74,
  ...props
}: Omit<AriaProps, "children" | "outerRadius" | "innerRadius"> & {
  outerRadius?: number;
  innerRadius?: number;
}) {
  return (
    <AriaColorWheel
      {...props}
      outerRadius={outerRadius}
      innerRadius={innerRadius}
      style={composeRenderProps(style, (value) => ({
        width: outerRadius * 2,
        height: outerRadius * 2,
        ...value,
      }))}
      className={composeRenderProps(
        className,
        (value) => `ynr-color-wheel ynr-aria ${value ?? ""}`,
      )}
    >
      <ColorWheelTrack />
      <ColorThumb className="ynr-aria-color-thumb" />
    </AriaColorWheel>
  );
}