/** @jsx jsx */
/// <reference types="@emotion/core" />
import { SVGAttributes } from 'react';
import { ResponsiveProp } from '@elemental-ui-alpha/core';
import { ElementalNamedTheme } from '@elemental-ui-alpha/theme';
export declare type IconProps = SVGAttributes<SVGSVGElement> & {
    /** The color key for the SVG fill property. */
    fill?: ResponsiveProp<keyof ElementalNamedTheme['foreground']> | string;
    /** The size key for the icon. */
    size?: ResponsiveProp<keyof typeof sizeMap> | number;
};
declare const sizeMap: {
    xsmall: number;
    small: number;
    medium: number;
    large: number;
};
export declare const createIcon: (children: import("react").ReactNode, name: string, viewBox: string) => import("react").ForwardRefExoticComponent<SVGAttributes<SVGSVGElement> & {
    /** The color key for the SVG fill property. */
    fill?: any;
    /** The size key for the icon. */
    size?: any;
} & import("react").RefAttributes<SVGSVGElement>>;
export {};