import * as React from 'react';
import { SVGSource } from '@shopify/images';
import { WithAppProviderProps } from '../AppProvider';
export declare type Color = 'white' | 'black' | 'skyLighter' | 'skyLight' | 'sky' | 'skyDark' | 'inkLightest' | 'inkLighter' | 'inkLight' | 'ink' | 'blueLighter' | 'blueLight' | 'blue' | 'blueDark' | 'blueDarker' | 'indigoLighter' | 'indigoLight' | 'indigo' | 'indigoDark' | 'indigoDarker' | 'tealLighter' | 'tealLight' | 'teal' | 'tealDark' | 'tealDarker' | 'greenLighter' | 'green' | 'greenDark' | 'yellowLighter' | 'yellow' | 'yellowDark' | 'orange' | 'redLighter' | 'red' | 'redDark' | 'purple';
export declare const BUNDLED_ICONS: {
    add: any;
    alert: any;
    arrowDown: any;
    arrowLeft: any;
    arrowRight: any;
    arrowUp: any;
    arrowUpDown: any;
    calendar: any;
    cancel: any;
    cancelSmall: any;
    caretDown: any;
    caretUp: any;
    checkmark: any;
    chevronDown: any;
    chevronLeft: any;
    chevronRight: any;
    chevronUp: any;
    circleCancel: any;
    circleChevronDown: any;
    circleChevronLeft: any;
    circleChevronRight: any;
    circleChevronUp: any;
    circleInformation: any;
    circlePlus: any;
    circlePlusOutline: any;
    conversation: any;
    delete: any;
    disable: any;
    dispute: any;
    duplicate: any;
    embed: any;
    export: any;
    external: any;
    help: any;
    home: any;
    horizontalDots: any;
    import: any;
    logOut: any;
    menu: any;
    notes: any;
    notification: any;
    onlineStore: any;
    orders: any;
    print: any;
    products: any;
    profile: any;
    refresh: any;
    risk: any;
    save: any;
    search: any;
    subtract: any;
    view: any;
};
export declare type BundledIcon = keyof typeof BUNDLED_ICONS;
export declare type UntrustedSVG = string;
export declare type IconSource = React.ReactNode | SVGSource | 'placeholder' | BundledIcon | UntrustedSVG;
export interface Props {
    /** The SVG contents to display in the icon. Icons should be in a 20 X 20 pixel viewbox */
    source: IconSource;
    /** Sets the color for the SVG fill */
    color?: Color;
    /** Show a backdrop behind the icon */
    backdrop?: boolean;
    /** Descriptive text to be read to screenreaders */
    accessibilityLabel?: string;
    /** Render the icon in an img tag instead of an svg. Prevents XSS */
    untrusted?: boolean;
}
export declare type CombinedProps = Props & WithAppProviderProps;
declare function Icon({ source, color, backdrop, accessibilityLabel, untrusted, polaris: { intl }, }: CombinedProps): JSX.Element;
declare const _default: React.ComponentClass<Props, React.ComponentState> & typeof Icon;
export default _default;