import type {VNodeChild} from "vue";

interface INotificationArguments {
  message: string | VNodeChild,
  type: string,
  title?: string
}

export function useNotification(
    args: INotificationArguments
) {
  const duration = 5000

  const progressBar = h('div', {
    class: 'el-notification__progress',
    style: { animationDuration: `${duration}ms` }
  })

  const bodyContent: VNodeChild =
    typeof args.message === 'string'
      ? h('p', args.message)
      : args.message

  const messageVNode = h('div', [bodyContent, progressBar])

  const notification = ElNotification({
    title: args.title,
    duration: 0,
    message: messageVNode,
    type: args.type
  } as NotificationOptions)

  setTimeout(() => {
    notification.close()
  }, duration)
}