a6d1b11575
- Ahora el botón se integra en el header del lobby - Aparece al lado derecho del nombre del agente - Ya no está arriba a la izquierda de forma fija
33 lines
1006 B
TypeScript
33 lines
1006 B
TypeScript
import { motion } from 'framer-motion';
|
|
|
|
interface LogoutButtonProps {
|
|
onClick: () => void;
|
|
}
|
|
|
|
export default function LogoutButton({ onClick }: LogoutButtonProps) {
|
|
return (
|
|
<motion.button
|
|
onClick={onClick}
|
|
whileHover={{ scale: 1.05 }}
|
|
whileTap={{ scale: 0.95 }}
|
|
className="bg-red-900/80 hover:bg-red-800 text-white p-2 rounded-full border border-red-700/50 backdrop-blur-sm shadow-lg transition-all"
|
|
title="Salir del juego"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
strokeWidth={2.5}
|
|
stroke="currentColor"
|
|
className="w-5 h-5"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
d="M5.636 5.636a9 9 0 1012.728 0M12 3v9"
|
|
/>
|
|
</svg>
|
|
</motion.button>
|
|
);
|
|
}
|