Function ColorWheel

packages/react-aria/test/color/useColorWheel.test.tsx:45–67

(props: ColorWheelProps)

});

function ColorWheel(props: ColorWheelProps) {
  let state = useColorWheelState(props);
  let inputRef = useRef(null);
  let containerRef = useRef(null);

  let {inputProps, trackProps, thumbProps} = useColorWheel(
    {
      ...props,
      innerRadius: THUMB_RADIUS - 3,
      outerRadius: THUMB_RADIUS + 3
    },
    state,
    inputRef
  );

  return (
    <div data-testid="container" {...trackProps} ref={containerRef}>
      <div data-testid="thumb" {...thumbProps}>
        <input {...inputProps} ref={inputRef} />
      </div>
    </div>
  );
}

describe('useColorWheel', () => {
  let onChangeSpy = jest.fn();