import { SafeExtract, Size, Variant } from '../../types';
import { IconName } from './IconName';
import * as React from 'react';
export interface IconProps {
    /**
     * Icon to be displayed.
     */
    icon: IconName;
    /**
     * Color variant of the icon.
     */
    variant?: 'default' | SafeExtract<Variant, 'primary' | 'secondary' | 'tertiary'>;
    /**
     * Size of the icon.
     * @default 'md'
     */
    size?: SafeExtract<Size, 'sm' | 'md' | 'lg'>;
    /**
     * Title attribute of the icon.
     */
    title?: React.HTMLAttributes<HTMLSpanElement>['title'];
}
export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;