import React from 'react';
import { SupportedColor } from '../Element/Element';
import { ArrayElementType } from '../../types/utils/ArrayElementType';
import Div from '../Element/Div/Div';
import { SupportedIconName } from '../../shared/icons';
import { CreateProps } from '../../types/utils/CreateProps';
export * from '../../shared/icons';
export declare const supportedIconSizes: readonly ["xs", "sm", "md", "lg", "xlg"];
export declare type SupportedIconSize = ArrayElementType<typeof supportedIconSizes>;
export declare type IconName = SupportedIconName;
export declare type IconSize = SupportedIconSize;
export declare type IconProps = CreateProps<{
    /** Name of icon */
    name: SupportedIconName;
    /** Icon size */
    size: SupportedIconSize;
    /** Icon color */
    color?: SupportedColor;
    svgFocusable?: boolean;
    tagName?: keyof JSX.IntrinsicElements;
    url?: string;
}, typeof Div, 'tagName'>;
export declare type IconAttributes = IconProps;
declare const Icon: React.FunctionComponent<IconProps>;
export default Icon;