"use client"; import Image from 'next/image'; import React, { useState } from "react"; import { useGoogleLogin } from "@react-oauth/google"; export default function AppleStyleAuth() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [isLoading, setIsLoading] = useState(false); // Lógica do Google Login const googleLogin = useGoogleLogin({ onSuccess: (res) => console.log("Google Success", res), onError: () => console.log("Google Failed"), }); return (
{/* 1. LOGOTIPO (Apple Style) */}
{/* Substitui pelo teu SVG de logo real */} {/* tv1 */} logo

Iniciar sessão

Usa a tua conta TVone.

{/* 2. FORMULÁRIO DE CREDENCIAIS */}
setEmail(e.target.value)} className="w-full rounded-2xl border border-neutral-200 bg-white/50 px-5 py-4 text-sm outline-none transition-all focus:border-blue-500 focus:bg-white focus:ring-4 focus:ring-blue-500/10 dark:border-neutral-800 dark:bg-neutral-900" />
setPassword(e.target.value)} className="w-full rounded-2xl border border-neutral-200 bg-white/50 px-5 py-4 text-sm outline-none transition-all focus:border-blue-500 focus:bg-white focus:ring-4 focus:ring-blue-500/10 dark:border-neutral-800 dark:bg-neutral-900" />
{/* 3. DIVISOR COM "OU" */}
ou
{/* 4. BOTÃO GOOGLE (Melhorado) */} {/* 5. LINKS ADICIONAIS */}
Esqueceste-te da palavra-passe?

Não tens conta?{" "} Cria uma agora.

); }