import type { ReactElement } from 'react';
import { type ThemeVariant } from '../../theme';
export interface ThemeCircleProps {
    /** Current theme variant. */
    themeVariant: ThemeVariant;
    /** Called with the next theme variant when the circle is clicked. */
    onThemeChange: (theme: ThemeVariant) => void;
    /**
     * Ordered list of themes to cycle through. Defaults to every registered
     * theme variant.
     */
    themes?: ThemeVariant[];
    /** Diameter of the circle in pixels. */
    size?: number;
}
/**
 * A single clickable circle, filled with the current theme's brand color,
 * that cycles to the next theme in `themes` on each click.
 */
export declare function ThemeCircle({ themeVariant, onThemeChange, themes, size, }: ThemeCircleProps): ReactElement;
export default ThemeCircle;