import React from 'react'; import { Color } from '../../interfaces'; export declare const IconNames: readonly ["archive", "alert-circle-white", "alert-circle", "alert-no-outline", "alert-triangle", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "avatar-default", "award-ribbon-inactive", "award-ribbon", "award", "behance", "big-tick", "book-open", "book", "box", "bulb", "calendar", "check", "check-square", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "clipboard", "clock", "code-scanner", "codepen", "compass", "copy", "cross", "discord", "dollar-sign", "dribbble", "dropbox", "download", "edit", "external-link", "eye", "facebook", "file", "filter-not", "filter", "flag", "fund", "github", "gitlab", "globe", "google", "google-drive", "grid", "help-circle", "home", "inbox", "info", "instagram", "kaggle", "layout", "link", "linkedin", "list", "loader", "log-out", "mail", "map-pin", "map", "maximize", "medium", "menu", "message-square", "minimize", "minus", "minus-circle", "more-horizontal", "okay", "pencil", "phone", "pie-chart", "pill-tick", "plus-square", "plus", "progress-pie-inactive", "progress-pie", "refresh-cw", "search", "settings", "shop", "slack", "square", "stackoverflow", "star", "star-fill", "telegram", "thumbs-down", "thumbs-up", "team", "tick-no-border", "tick-open", "tick", "trash", "triangle-down", "twitter", "unlock", "upload-cloud", "upvote", "user", "users", "whatsapp", "x-circle", "x", "youtube", "zap", "devfolio", "devfolio-fill"]; export declare type IconName = typeof IconNames[number]; export interface IconProps { /** The name of the icon */ name: IconName; /** Size of the icon */ size: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large'; /** Color of the icon (note: Only works on feather icons) */ color?: Color; /** Class name to be applied to SVG container */ className?: string; } declare const Icon: React.ForwardRefExoticComponent & React.RefAttributes>; export default Icon;