import { MmUIComponent } from './component'
import { MmAlertDialog } from './alert.dialog'
import { MmConfirm } from './confirm'
import { MmPrompt } from './prompt'

export interface close {
  (cancel: boolean): void
}
export interface beforeClose {
  (close: close): void
}

/** Dialog component */
export declare class MmDialog extends MmUIComponent {
  
  static Alert: MmAlertDialog

  static Confirm: MmConfirm

  static Prompt: MmPrompt
  /** Dialog title */
  title: string

  /** mount target */
  target: string | boolean | null | Element

  /** Dialog content */
  message: string

  /** Message string is html or not */
  messageIsHtml: boolean

  /** Show close icon */
  closable: boolean

  /** Before close callback */
  beforeClose: beforeClose

  /** Lock scroll behavior */
  lockScroll: boolean

  /** Show cancel button or not */
  showCancelButton: boolean

  /** Show confirm button or not */
  showConfirmButton: boolean

  /** Cancel button's custom text */
  cancelButtonText: string

  /** Confirm button's custom text */
  confirmButtonText: string

  /** Click mask should close dialog or not */
  maskClosable: boolean

  /** Press esc should close dialog or not */
  escClosable: boolean

  /** Set custom class */
  customClass: string

  /** Set custom width */
  width: string

  /** Cancel callback */
  onCancel?: () => 'cancel' | 'close'

  /** Confirm callback */
  onConfirm?: (evt: MouseEvent) => any

  /** set Custom buttons  */
  buttons?: Partial<MmButton> & {
    name: string
    onClick: Function
  }
}