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;
    circlePlus: any;
    conversation: any;
    delete: any;
    disable: any;
    dispute: any;
    duplicate: any;
    embed: any;
    export: any;
    external: any;
    help: any;
    horizontalDots: any;
    import: any;
    notes: any;
    notification: any;
    print: any;
    refresh: any;
    risk: any;
    save: any;
    search: any;
    subtract: any;
    view: any;
    edit: any;
    checkmarkLarge: any;
    clock: any;
    notificationCircle: any;
    activity: any;
    area: any;
    location: any;
    misc: any;
    person: any;
    property: any;
    tag: any;
    warning: any;
    mail: any;
    phone: any;
    date: any;
    dateStart: any;
    dateEnd: any;
    breakOption: any;
    areaGross: any;
    warningCircle: any;
    warningTriangle: any;
    comment: any;
    landlord: any;
    draft: any;
    inApprovals: any;
    executed: any;
    completed: any;
    failed: any;
};
export declare type IconSource = SVGSource | 'placeholder' | keyof typeof BUNDLED_ICONS;
export interface Props {
    /** The SVG contents to display in the icon */
    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;
}
export declare type CombinedProps = Props & WithAppProviderProps;
declare function Icon({ source, color, backdrop, accessibilityLabel, polaris: { intl }, }: CombinedProps): JSX.Element;
declare const _default: React.ComponentClass<Props> & typeof Icon;
export default _default;