import { defineStore } from 'pinia'
import { ref } from 'vue'

interface Snackbar {
  title: string
  text: string
  color?: string
  timeout?: number
}

export const useSnackbarStore = defineStore('snackbar', () => {
  const snackbarQueue = ref<Snackbar[]>([])

  function add(snackbar: Snackbar) {
    snackbarQueue.value.push(snackbar)
  }

  return {
    snackbarQueue,
    add,
  }
})