"use client";
//this part is used to syncronize server and client with the opening and close of the modals

import { StoreModal } from "@/components/modals/store-modal";

import { useEffect, useState } from "react";

export const ModalProvider = () => {
    const [isMounted, setIsMounted] = useState(false);

    useEffect(() => {
        setIsMounted(true);
    },[]);

    if (!isMounted) {
        return null;
    }
    
    return (
        <>
            <StoreModal />
        </>
    );
};