import { create } from 'zustand';

        type CartItem = {
            id : number;
            title : string;
            image : string;
            price : number;
        }

        type CartState = {
            items : CartItem[];
            addProduct : (item : CartItem ) => void;
            removeProduct : (id : number ) => void;
            clearCart : () => void;
        }

        export const UseProduct = create<CartState>((set)=>({
            items : [];
            addProduct(item){
                const existingProduct = this.items.find((i) => i.id === item.id );

                if(existingProduct){
                    return;
                }

                set((state)=>({
                    items : [...state.items, item],
                }));
            }

            removeProduct(id){
                set((state)=>({
                    items : state.items.filter((i) => i.id !== id),
                }));
            }

            clearCart(){
                set({items : []});
            }
        }));