import { AthenaUiControlIconKey, AthenaUiIconKey, AthenaUiIconSize, AthenaUiIconTone } from './registry.js';
export interface AthenaUiIconProps {
    className?: string;
    decorative?: boolean;
    icon: AthenaUiIconKey;
    size: AthenaUiIconSize;
    title?: string;
    tone?: AthenaUiIconTone;
}
/**
 * Registry-backed SVG icon. Prefer this over raw Gravity imports in apps.
 */
export declare function AthenaUiIcon({ className, decorative, icon, size, title, tone }: AthenaUiIconProps): import("react").JSX.Element;
export interface AthenaUiControlIconProps {
    className?: string;
    icon: AthenaUiControlIconKey;
    size: AthenaUiIconSize;
    tone?: AthenaUiIconTone;
}
/**
 * Control-surface icon (toolbar / action density uses `controlIcon` size classes).
 */
export declare function AthenaUiControlIcon({ className, icon, size, tone }: AthenaUiControlIconProps): import("react").JSX.Element;