import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';

export type WangsIconseverities =
  | 'danger'
  | 'warning'
  | 'primary'
  | 'success'
  | 'secondary';

/**
 * List of all available icons.
 */
export type WangsIcons =
  | 'admin-line'
  | 'arrow-down-fill'
  | 'arrow-go-back'
  | 'arrow-left-right'
  | 'arrow-right'
  | 'arrow-right-circle-line'
  | 'arrow-right-double'
  | 'arrow-right-fill'
  | 'apps-2-line'
  | 'asset-view'
  | 'asset'
  | 'assignment'
  | 'attachment-2'
  | 'audit'
  | 'bank-card-line'
  | 'barcode'
  | 'barricade-line'
  | 'bell'
  | 'bell-alert'
  | 'borrow'
  | 'building'
  | 'building-2'
  | 'building-4'
  | 'calculator'
  | 'calendar-event'
  | 'calendar-todo'
  | 'chat-check'
  | 'change-tag'
  | 'checkout'
  | 'check-double-fill'
  | 'checkbox-circle-fill'
  | 'checkbox-blank-circle'
  | 'checkbox-blank-circle-fill'
  | 'checkbox-multiple'
  | 'close-circle-fill'
  | 'cloud-line'
  | 'coins'
  | 'completion'
  | 'dashboard'
  | 'database'
  | 'delete-bin-7'
  | 'device'
  | 'disposal'
  | 'dropbox'
  | 'dragable-menu'
  | 'ellipsis-h'
  | 'emotion-happy-fill'
  | 'emotion-unhappy-fill'
  | 'expired'
  | 'extension-borrow'
  | 'eye'
  | 'flag'
  | 'file-add'
  | 'file-copy-2-line'
  | 'file-history'
  | 'file-history-fill'
  | 'files'
  | 'file-lines'
  | 'file-list-3'
  | 'file-list'
  | 'file-shield-line'
  | 'file-shield-2'
  | 'file-up'
  | 'file-user'
  | 'filter-fill'
  | 'filter'
  | 'fingerprint-line'
  | 'folder'
  | 'folder-add-line'
  | 'gate'
  | 'handheld'
  | 'indeterminate-circle-fill'
  | 'information-line'
  | 'infrared-thermometer'
  | 'link'
  | 'luggage-cart'
  | 'csv'
  | 'xls'
  | 'doc'
  | 'data'
  | 'line-chart'
  | 'link-unlink-m'
  | 'list-settings'
  | 'lock-line'
  | 'logout-box-r'
  | 'mail-open'
  | 'magic-line'
  | 'map-2'
  | 'map-pin'
  | 'menu'
  | 'menu-unfold'
  | 'mind-map'
  | 'minus'
  | 'money-cny-box'
  | 'money-dollar-circle'
  | 'move-to'
  | 'nfc'
  | 'node-tree'
  | 'note'
  | 'notification'
  | 'organization-chart'
  | 'pdf'
  | 'pair-tag'
  | 'phone'
  | 'printer-cloud'
  | 'price-tag-3'
  | 'profile'
  | 'qr'
  | 'qr-scan'
  | 'reception'
  | 'recycle-bin'
  | 'replace-tag'
  | 'report-tag'
  | 'repair-ticketing'
  | 'rfid'
  | 'round-keyboard-arrow-left'
  | 'round-keyboard-arrow-right'
  | 'round-keyboard-double-arrow-left'
  | 'round-keyboard-double-arrow-right'
  | 'search-line'
  | 'send-plane-line'
  | 'shopping-cart-2'
  | 'smartphone'
  | 'sort-asc'
  | 'sort-desc'
  | 'supplier-return'
  | 'internal-return'
  | 'spinner'
  | 'stack'
  | 'store'
  | 'table'
  | 'time'
  | 'ticket'
  | 'tools'
  | 'tracking'
  | 'truck-line'
  | 'unassign'
  | 'upload-2'
  | 'upload-cloud-2'
  | 'user'
  | 'user-add'
  | 'user-follow'
  | 'user-received-2-line'
  | 'user-shared-2-line'
  | 'user-star'
  | 'user-unfollow'
  | 'verification'
  | 'timer'
  | 'format-clear'
  | 'code-line'
  | 'link-m'
  | 'list-ordered'
  | 'bold'
  | 'italic'
  | 'underline'
  | 'list-unordered'
  | 'chat-1-fill'
  | 'attachment-2'
  | 'chat-new-line'
  | 'code-box-line'
  | 'file-chart-line'
  | 'bar-chart-line'
  | 'bug-2-line'
  | 'run-line'
  | 'user-unfollow-line'
  | 'archive-line'
  | 'shield-user-line'
  | 'emotion-happy-line'
  | 'list-settings-line'
  | 'timer-line'
  | 'star-fill'
  | 'focus-2-line'
  | 'global-line'
  | 'focus-3-line'
  | 'add-line' // Preferred
  | 'arrow-down-s-line' // Preferred
  | 'arrow-drop-down-line' // Preferred
  | 'arrow-left-double-line' // Preferred
  | 'arrow-left-line' // Preferred
  | 'arrow-up-down-line' // Preferred
  | 'arrow-up-s-line' // Preferred
  | 'calendar-line' // Preferred
  | 'chat-1' // Preferred
  | 'chat-3-line' // Preferred
  | 'check-line' // Preferred
  | 'checkbox-circle-line' // Preferred
  | 'close-circle-line' // Preferred
  | 'close-line' // Preferred
  | 'delete-back-2-line' // Preferred
  | 'delete-bin-6-line' // Preferred
  | 'download-2-line' // Preferred
  | 'edit-2-line' // Preferred
  | 'error-warning-fill' // Preferred
  | 'error-warning-line' // Preferred
  | 'exchange-line' // Preferred
  | 'external-link-line' // Preferred
  | 'eye-off-line' // Preferred
  | 'file-copy-line' // Preferred
  | 'file-edit-line' // Preferred
  | 'file-info-line' // Preferred
  | 'file-list-2-line' // Preferred
  | 'file-settings-line' // Preferred
  | 'group-line' // Preferred
  | 'hand-coin-line' // Preferred
  | 'history-line' // Preferred
  | 'image-add-line' // Preferred
  | 'list-check-2' // Preferred
  | 'loader-4-line' // Preferred
  | 'mail-line' // Preferred
  | 'mail-send-line' // Preferred
  | 'more-fill' // Preferred
  | 'pencil-line' // Preferred
  | 'printer-line' // Preferred
  | 'refresh-line' // Preferred
  | 'save-line' // Preferred
  | 'search-2-line' // Preferred
  | 'search-eye-line' // Preferred
  | 'settings-4-line' // Preferred
  | 'star-line' // Preferred
  | 'subtract-line' // Preferred
  | 'team-line' // Preferred
  | 'user-search-line' // Preferred
  | 'user-settings-line' // Preferred
  | 'whatsapp-line'; // Preferred

export interface IconProps {
  icon: WangsIcons | null;
  severity?: WangsIconseverities;
  /**
   * Show info on hover.
   */
  info?: string;
  /**
   * Set the position of tooltip.
   */
  tooltipPos?: 'top' | 'right' | 'bottom' | 'left';

  class?: any;
}

/**
 * Display icon with svg backrgounds
 */
declare class Icon extends ClassComponent<IconProps, unknown, unknown> {}

declare module '@vue/runtime-core' {
  interface GlobalComponents {
    Icon: GlobalComponentConstructor<Icon>;
  }
}

export default Icon;