import { default as React } from 'react';
import { IconColor, IconSize } from '@viasat/beam-shared/components/icon';
import { IconComponentType } from '../../utils/types';
import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
export interface IconProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'color'> {
    /**
     * Specify which icon to display
     */
    icon: IconComponentType;
    /**
     * Specify the color of Icon
     */
    color?: IconColor;
    /**
     * Specify the size of Icon
     * @default md
     */
    size?: IconSize;
    /**
     * Specify a custom size for the Icon
     */
    customIconSize?: string | number;
    /**
     * Specify a custom color for the Icon
     */
    customIconColor?: string;
    /**
     * Specify the `aria-label` of the Icon
     */
    ariaLabel?: string;
    /**
     * Specify the theme of the Icon. By default it inherits the theme from the parent
     */
    theme?: ThemeTypes;
}
export declare function Icon({ icon: IconComponent, className: customClassName, size, //= 'md',
color, customIconSize, customIconColor, role, ariaLabel, theme, ...props }: IconProps): import("react/jsx-runtime").JSX.Element | null;