pin: string | null;

console.log(auth.pin); // "ABC123" o null

emojis: string[]

console.log(auth.emojis); // ["🔐", "🔑", "🔒", "🔓", "🗝️", "🛡️"]

emojiString: string;

console.log(auth.emojiString); // "🔐🔑🔒🔓🗝️🛡️"

timeLeft: number;

console.log(auth.timeLeft); // 175 (2 minutos 55 segundos)

formattedTime: string;

console.log(auth.formattedTime); // "02:55"

isExpired: boolean;

regenerationCount: number;

hasReachedMaxRegenerations: boolean;

status: "idle" | "polling" | "success" | "error" | "expired";

isLoading: boolean;

user: User | null;

{
  id: "123",
  name: "Juan",
  surname: "Pérez",
  phone: "+1234567890",
  roles: ["user"]
}

error: CamarauthError | null;

whatsappLink: string;

console.log(auth.whatsappLink);
// "https://wa.me/1234567890?text=PIN%3A%20%F0%9F%94%90%F0%9F%94%91"

qrCodeUrl: string | null;

<img src={auth.qrCodeUrl} alt="QR Code" />

fullMessage: string;

console.log(auth.fullMessage); // "PIN: 🔐🔑🔒🔓🗝️🛡️"

generate: () => void

<button onClick={auth.generate}>
  Generar PIN
</button>

cancel: () => void

<button onClick={auth.cancel}>
  Cancelar
</button>

reset: () => void

<button onClick={auth.reset}>
  Comenzar de nuevo
</button>

import { usePinAuth } from "@camarauth/sdk/react";

function AuthDisplay() {
  const auth = usePinAuth({
    apiUrl: "http://localhost:3001",
    whatsappNumber: "+1234567890",
  });

  return (
    <div>
      <p>Estado: {auth.status}</p>

      {auth.pin && (
        <>
          <p>Emojis: {auth.emojis.join(" ")}</p>
          <p>Tiempo: {auth.formattedTime}</p>
          <p>Expirado: {auth.isExpired ? "Sí" : "No"}</p>
        </>
      )}

      {auth.user && <p>Usuario: {auth.user.name}</p>}

      {auth.error && <p className="error">{auth.error.message}</p>}

      <button onClick={auth.generate}>Generar</button>
      <button onClick={auth.cancel}>Cancelar</button>
      <button onClick={auth.reset}>Reset</button>
    </div>
  );
}