import { ref } from 'vue';
import { defineStore } from 'pinia';
import type { Alert } from '@/types';

export const useAlertStore = defineStore('alerts', () => {
    const alerts = ref<Alert[]>([]);

    function addAlert(message: string, type: 'info' | 'success' | 'warning' | 'error', seconds: number) {
        alerts.value.push({ message, type, created: new Date(), seconds });
    }

    function alertSuccess(message: string, seconds = 2) {
        addAlert(message, 'success', seconds);
    }

    function alertInfo(message: string, seconds = 3) {
        addAlert(message, 'info', seconds);
    }

    function alertWarning(message: string, seconds = 4) {
        addAlert(message, 'warning', seconds);
    }

    function alertError(message: string, seconds = 5) {
        addAlert(message, 'error', seconds);
    }

    return { alerts, alertSuccess, alertInfo, alertWarning, alertError };
})