import { DefineComponent } from 'vue'

export const MlModal: DefineComponent<{
  modelValue?: boolean
}>

export interface MlModalOptions {
  id?: string
  title?: string
  content?: string
  status?: 'info' | 'success' | 'warning' | 'question' | 'error' | 'loading'
  showClose?: boolean
  confirmButtonText?: string
  cancelButtonText?: string
  zIndex?: number
  slots?: {
    [key: string]: (params: any) => JSX.Element
  }
}

export const MaliModal: {
  alert (option?: MlModalOptions | string): Promise<'confirm' | 'cancel'>
  confirm (option?: MlModalOptions | string): Promise<'confirm' | 'cancel'>
  close(id?: string): Promise<any>
}