// WhatsAppFloat.jsx — botón flotante de WhatsApp global
function WhatsAppFloat() {
const [hovered, setHovered] = React.useState(false);
return (
<>
setHovered(true)}
onMouseLeave={() => setHovered(false)}
style={{
position: 'fixed',
bottom: 24,
right: 24,
zIndex: 9999,
width: 56,
height: 56,
borderRadius: '50%',
background: '#25D366',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
textDecoration: 'none',
boxShadow: hovered
? '0 8px 28px rgba(37,211,102,0.55)'
: '0 4px 16px rgba(37,211,102,0.40)',
transform: hovered ? 'scale(1.08)' : 'scale(1)',
transition: 'transform 0.18s ease, box-shadow 0.18s ease',
}}
>
Escríbenos por WhatsApp
);
}
window.WhatsAppFloat = WhatsAppFloat;