import { FunctionComponent, SVGProps } from 'react';
import { Icon as FeatherIcon } from 'react-feather';
import { Color } from 'theme';
declare type SVGIcon = FunctionComponent<SVGProps<SVGSVGElement>>;
declare function icon(Icon: FeatherIcon | SVGIcon): import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const largeIconCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
    iconSize: number;
}, import("theme").ComputedTheme>>;
export declare type Icon = ReturnType<typeof icon> | typeof LargeIcon;
interface LargeIconProps {
    icon?: Icon;
    color?: Color;
    size?: number;
    className?: string;
}
export declare function LargeIcon({ icon: Icon, color, size, className }: LargeIconProps): JSX.Element;
export declare const AlertTriangle: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const ArrowDown: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const ArrowRight: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const ArrowUp: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const ArrowUpCircle: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const CheckCircle: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const BarChart: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const ChevronDown: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Clock: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const HelpCircle: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Info: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Link: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const AutoRouter: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Settings: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Slash: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Trash2: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Wallet: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const X: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const XOctagon: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const MissingToken: (props: React.ImgHTMLAttributes<HTMLImageElement>) => JSX.Element;
export declare const Check: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Expando: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
} & {
    open: boolean;
}, never>;
export declare const Logo: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const Spinner: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
} & {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export declare const InlineSpinner: import("styled-components").StyledComponent<SVGIcon | FeatherIcon, import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
} & {
    color?: keyof import("theme").Colors | undefined;
}, never>;
export {};
