export const IconListName = [
    {name: "network_check", label: "Network Check" },
    {name: "info", label: "Information"  },
    {name: "person", label: "Person" },
    {name: "videocam", label: "Video Camera" },
    {name: "leaderboard", label: "Leader Board" },
    {name: "insights", label: "Insights" },
    {name: "dashboard", label: "Dashboard" },
    {name: "location_on", label: "Location On" },
    {name: "build", label: "Build" },
    {name: "av_timer", label: "Av Timer"},
    {name: "account_circle", label: "Account Circle" },
    {name: "power", label: "Power"  },
    {name: "manage_accounts", label: "Manage Accounts" },
    {name: "help", label: "Help"  },
    {name: "shopping_basket", label: "Shopping Basket"},
    {name: "feedback", label: "Feedback" },
    {name: "login", label: "Login"  },
    {name: "logout", label: "Logout"  },
    {name: "credit_card", label: "Credit Card" },
    {name: "check_box_outline_blank", label: "Checkbox Inline"  },
    {name: "indeterminate_check_box", label: "Checkbox Ind" },
    {name: "check_box" , label: "Checkbox" },
    {name: "arrow_drop_down", label: "Arrow Down" },
    {name: "calendar_month", label: "Calendar" },
    {name: "search", label: "Search" },
    {name: "download", label: "Download"},
    {name: "close", label: "Close"},
    {name: "password", label: "Password"},
    {name: "key", label: "Key"},
    {name: "delete", label: "Delete"},
    {name: "filter_list", label: "Filter List"},
    {name: "add_box", label: "Add Box"},
    {name: "arrow_back", label: "Arrow Back"},
    {name: "get_app", label: "Get App"},
    {name: "refresh", label: "Refresh"},
    {name: "table_chart", label: "Table Chart"},
    {name: "view_column", label: "View Column"},
    {name: "content_copy", label: "Content Copy"},
    {name: "merge_type", label: "Merge Type"},
    {name: "more_vert", label: "More Vert"},
    {name: "remove_circle", label: "Remove Circle"},
    {name: "aspect_ratio", label: "Aspect Ratio"},
    {name: "edit", label: "Edit"},
    {name: "vpn_key", label: "Vpn Key"},
    {name: "settings", label: "Settings"},
    {name: "more_vert_icon", label: "More Vert Icon"},
    {name: "keyboard_arrow_down", label: "Keyboard Arrow Down"},
    {name: "arrow_right", label: "Arrow Right"},
    {name: "check_circle", label: "Check Circle"},
    {name: "cancel", label: "Cancel"},
    {name: "check", label: "Check"},
]

export type iconSizes = "small" | "medium" | "large" | "inherit";

export interface IconProps {
    /** If true, the icon is disabled. */
    isDisabled?: boolean;
    /** Name of icon to render. */
    name?: string;
    /** Size of the icon to be rendered. */
    size?: iconSizes;
    /** Name of class to extend css properties. */
    className?: string;
    /** Object with style properties to extend the style */
    style?: React.CSSProperties;
    /** Color of the icon. */
    color?: string;
    /** Function to onClick */
    onClick?: (value: any) => void,
  }
  
