import { VNode } from 'vue'
import { MmUIComponent } from './component'

/** Notification component */
export declare class MmNotification extends MmUIComponent {
  /** Title of notification */
  title: string

  /** The message content */
  message: string | VNode

  /** Whether to treat the message property as an HTML fragment */
  messageIsHtml: boolean

  /** Theme style, if not in the optional value will be ignored */
  type: string

  /** Custom icon name */
  iconName: string

  /** Display time, unit seconds, set to 0 does not close automatically */
  duration: number

  /** Customize pop-up locations */
  position: string

  /** Whether the close button is displayed */
  closable: boolean

  /** A callback when closed */
  onClose(): void

  /** The callback when clicked */
  onClick(): void

  /** The destroy method */
  destroy(manual?:boolean): void

  /** The close method */
  close(manual?:boolean): void

  /** The bottom buttons */
  buttons?: {
    text: string,
    onClick?: Function
  }[]
}