import { create } from "zustand";

interface SnackBar {
    id: string;
    content: string;
}

interface SnackBarStore {
    snackBars: SnackBar[];
    addSnackBar: (snackBar: SnackBar) => void;
    removeSnackBar: (id: string) => void;
}

const useSnackBarStore = create<SnackBarStore>((set) => ({
    snackBars: [],
    addSnackBar: (snackBar) => set((state) => ({ snackBars: [...state.snackBars, snackBar] })),
    removeSnackBar: (id) => set((state) => ({ snackBars: state.snackBars.filter((snackBar) => snackBar.id !== id) })),
}))

export default useSnackBarStore;