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

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

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

export interface IconProps {
  icon: WangsIcons;
  severity?: WangsIconseverities;
  /**
   * Show info on hover.
   */
  info?: string;
  /**
   * Set the position of tooltip.
   */
  tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  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;