import type { KeyboardEvent, RefObject } from 'react';
import { type AdvancedColorWheelHarmony, type Point } from './AdvancedColorWheel.utils';
type AdvancedColorWheelFrameIds = {
    blur: string;
    blur2: string;
    bodyClip: string;
    noise: string;
    outlinePath: string;
};
type AdvancedColorWheelFrameProps = {
    currentMode: AdvancedColorWheelHarmony;
    disabled: boolean;
    ids: AdvancedColorWheelFrameIds;
    menuMotionPathRef: RefObject<SVGPathElement | null>;
    menuShadowPoint: Point;
    menuShadowRef: RefObject<SVGRectElement | null>;
    onModeKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
    onModeSelect: (mode: AdvancedColorWheelHarmony) => void;
    onRandomize: () => void;
    outlinePathRef: RefObject<SVGPathElement | null>;
    randomIconRef: RefObject<SVGSVGElement | null>;
};
declare const AdvancedColorWheelFrame: ({ currentMode, disabled, ids, menuMotionPathRef, menuShadowPoint, menuShadowRef, onModeKeyDown, onModeSelect, onRandomize, outlinePathRef, randomIconRef, }: AdvancedColorWheelFrameProps) => import("react/jsx-runtime").JSX.Element;
export { AdvancedColorWheelFrame };