import { ElementUIComponent } from './component'
import { PopoverPlacement } from './popover'

export type TooltipEffect = 'dark' | 'light'

/** Tooltip Component */
export declare class ElTooltip extends ElementUIComponent {
  /** Tooltip theme */
  effect: TooltipEffect

  /** Display content, can be overridden by slot#content */
  content: string

  /** Position of Tooltip */
  placement: PopoverPlacement

  /** Visibility of Tooltip */
  value: boolean

  /** Whether Tooltip is disabled */
  disabled: boolean

  /** Offset of the Tooltip */
  offset: number

  /** Animation name */
  transition: string

  /** Whether an arrow is displayed. For more information, check Vue-popper page */
  visibleArrow: boolean

  /** Popper.js parameters */
  popperOptions: Record<string, unknown>

  /** Delay of appearance, in millisecond */
  openDelay: number

  /** Whether to control Tooltip manually. mouseenter and mouseleave won't have effects if set to true */
  manual: boolean

  /** Custom class name for Tooltip's popper */
  popperClass: string

  /** Whether the mouse can enter the tooltip	 */
  enterable: string

  /** Timeout in milliseconds to hide tooltip */
  hideAfter: string

  /** Tooltip tabindex */
  tabindex: number
}