import React from "react";
import { StyleRulesCallback, WithStyles } from "../Styles";
export declare type IconName = "bookmark-list" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-tri-down" | "arrow-tri-left" | "arrow-tri-right" | "arrow-tri-up" | "arrow-up" | "attach" | "channel" | "check" | "chevron" | "close" | "compose" | "conversation" | "cross" | "directory" | "binoculars" | "document" | "download" | "edit" | "ellipse" | "email" | "facebook" | "facebook-like" | "filter" | "inbox" | "info" | "invite" | "link" | "location" | "minus" | "news" | "notification" | "plus" | "reply" | "settings" | "sort" | "trash" | "twitter" | "twitter-retweet" | "upload" | "user" | "user-multi" | "external" | "logout" | "alert" | "reach" | "reload" | "tag" | "comment" | "flag" | "folder" | "blog" | "lock" | "key" | "tumblr" | "share" | "globe" | "lock-open" | "folder-new" | "arrow-trend" | "coin" | "eye" | "search" | "star" | "male" | "unisex" | "female" | "pinterest" | "linkedin" | "stumbleupon" | "scrunch" | "credit-card" | "google" | "add" | "hat" | "heart-full" | "heart" | "github" | "column" | "sentiment-negative" | "sentiment-neutral" | "sentiment-positive" | "sentiment-positive-2" | "wrench" | "video" | "bookmark" | "bookmarked" | "instagram" | "import" | "crown" | "play" | "youtube" | "slack" | "info-i";
declare const styles: StyleRulesCallback;
export interface IconProps extends WithStyles<typeof styles> {
    name: IconName;
    color?: "default" | "primary" | "secondary" | "white" | "black";
    size?: "default" | "small" | "medium" | "large";
    className?: string;
    title?: string;
}
declare const _default: React.ComponentType<Pick<IconProps, "color" | "title" | "size" | "className" | "name"> & import("@material-ui/core/styles/withStyles").StyledComponentProps<string>>;
export default _default;