import { ref } from 'vue'

// Singleton reactive alert state for the app
const current = ref(null)
let timeoutId = null

function show(message) {
  // message: { heading, message, type: 'success' | 'error' | 'info' }
  current.value = { ...message, _ts: Date.now() }
}

function clear() {
  current.value = null
}

function scheduleAutoDismiss(ms = 5000) {
  if (timeoutId) clearTimeout(timeoutId)
  if (!current.value) return
  timeoutId = setTimeout(() => {
    clear()
    timeoutId = null
  }, ms)
}

export function useAlert() {
  return { current, show, clear, scheduleAutoDismiss }
}