

export default function LoadingVideoModal({state, message}) {
    return state === "loading" && (
        <div className="fixed inset-0 bg-[rgba(0,0,0,0.5)] flex items-center justify-center z-50">
            <div className="glassmorphism p-8 flex flex-col items-center space-y-4">
                {/* Spinner */}
                <div className="relative w-16 h-16">
                    <div className="absolute inset-0 border-4 border-gray-300 border-opacity-30 rounded-full"></div>
                    <div className="absolute inset-0 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
                </div>
                <p className="text-white text-lg font-medium">{message}</p>
            </div>
        </div>
    );

}