import { VNode } from 'vue'
import { MmMessage } from './message'
import { LiteralUnion } from './literal-union'
import { MessageIconType } from './icon-type'

export type MessageType = LiteralUnion<MessageIconType, string>

/** Message component */
export declare interface MessageParams {
  /** Message content */
  message: string | VNode

  /** Whether to present the content as HTML */
  messageIsHtml?: boolean

  /** The theme */
  type?: MessageType

  /** Custom icon name */
  iconName?: string

  /** Auto close delay per second */
  duration?: number

  /** A callback that is triggered when closed */
  onClose?(): void
}

declare type MessageMethod = (options: MessageParams | string) => MmMessage

export interface MmMessageFactory {
  (options: MessageParams): MmMessage
  success: MessageMethod
  warning: MessageMethod
  info: MessageMethod
  error: MessageMethod
  loading: MessageMethod
}