import { Component } from "react";
import { TextProps } from "react-native";


export type IconName = "account_circle" | "actions" | "add-floors" | "add" | "added-details" | "admin" | "agreement-letter" | "ai-call" | "alert-filled" | "alert" | "allotment-letter" | "apps" | "arrow-back" | "arrow-down" | "arrow-drop-down" | "arrow-drop-up" | "arrow-right" | "arrow-up" | "article" | "back" | "balcony" | "bar-graph" | "base-price" | "bathroom" | "bedroom" | "bolt" | "bookmark-add" | "building-2" | "building" | "business" | "calculate" | "calendar-2" | "calendar-checked" | "calendar" | "call-center" | "call" | "camera-2" | "camera" | "car-front" | "car" | "change-naming" | "channel-partners" | "check-bold" | "check-circle-filled" | "check" | "checkbox-indeterminate" | "checkbox-selected" | "checkbox-unfilled" | "checkbox-unselected" | "checked-server" | "chevron-down" | "chevron-left" | "clipboard" | "clock-filled" | "clock" | "close-circle-filled" | "close-circle" | "close" | "cloud-download" | "cloud-upload-filled" | "cloud-upload" | "comment" | "configure-floors" | "configure-units" | "contact" | "control-unit" | "copy-filled" | "copy" | "cp-icon" | "cross-chart" | "cross" | "delete-2" | "delete-filled" | "delete" | "description" | "dialer" | "digital-leads" | "direct-walkins" | "direction-compass" | "direction" | "document-uploaded" | "document" | "door-front" | "dot" | "dots" | "download" | "edit-2" | "edit-alt" | "edit-details" | "edit-note" | "edit-thin" | "edit" | "extra-area" | "eye-line" | "eye" | "face-to-face-2" | "face-to-face-3" | "face-to-face" | "facing" | "fact-check" | "file" | "filter-2" | "filter-alt" | "filter" | "fire" | "firm" | "flash-off" | "flash-on" | "folder-zip" | "folder" | "follow-up-2-filled" | "follow-up-2" | "follow-up" | "forum" | "full-screen" | "funnel" | "grade-line" | "grade" | "hamburger-bold" | "hamburger" | "help-and-support" | "help" | "hidden" | "history" | "home-filled-2" | "home-filled" | "home-work-outlined" | "home-work" | "home" | "house-status" | "how-to-reg" | "image" | "incoming-call-2" | "incoming-call" | "incoming-calls" | "info-filled" | "info" | "inquiry" | "inventory" | "invoice" | "jodi" | "junk" | "landscape" | "leads-tab" | "line-chart" | "link" | "list" | "location" | "lock-clock" | "lock-filled" | "lock-open" | "lock" | "logout-door" | "logout" | "mail-send" | "mail" | "mandates" | "meeting-room" | "mic" | "minus" | "missed-call" | "money" | "more" | "not-available" | "not-called" | "note-1" | "note-alt" | "note" | "notification" | "offline" | "open-external" | "opening-quote" | "orientation" | "other-leads" | "others" | "outgoing-call-2" | "outgoing-call" | "patchout" | "pause" | "pdf" | "percentage" | "person-add-disabled" | "person-search" | "person-square" | "person" | "phone-2" | "phone-alt" | "phone-filled" | "phone-in-talk" | "phone-incoming-2" | "phone-incoming" | "phone-missed" | "phone-outgoing-2" | "phone-outgoing" | "phone" | "play" | "plus" | "possession-letter" | "premium" | "print" | "priority-change" | "profile-1" | "profile" | "quotations" | "radio-check-filled" | "radio-check" | "radio-selected" | "radio" | "redo" | "reimbursements-2" | "reimbursements" | "reschedule" | "reset" | "revisit" | "rules" | "schedule-mail" | "search" | "self-added" | "send-message" | "settings-line" | "settings" | "share-with-people" | "share" | "site-visit-2" | "site-visit" | "sms" | "spinner" | "stats-2" | "stats" | "store-2" | "store" | "system" | "table" | "tag" | "team" | "training" | "transfer-2" | "transfer-alt" | "transfer" | "transferred" | "travel" | "trophy-2" | "trophy" | "unchecked-radio" | "undo" | "unlock" | "update" | "updating" | "upload" | "user-alt" | "user-group" | "user" | "videocam" | "view-details" | "vpn-key" | "warning-filled" | "warning-line" | "warning" | "welcome-letter" | "whatsapp-filled" | "whatsapp";

export interface IconProps extends TextProps {
  name: IconName;
  size?: number;
  color?: string;
}

export default class Icon extends Component<IconProps> {}