import { MessageCircle } from "lucide-react";

interface WhatsAppFabProps {
  whatsappUrl?: string;
  label?: string;
}

export function WhatsAppFab({ whatsappUrl, label }: WhatsAppFabProps = {}) {
  if (!whatsappUrl) return null;
  return (
    <a
      href={whatsappUrl}
      className="fab-wa"
      aria-label={label || undefined}
      target="_blank"
      rel="noopener noreferrer"
    >
      <span className="ic"><MessageCircle width={22} height={22} aria-hidden /></span>
      {label ? <span className="label">{label}</span> : null}
      <span className="dot"></span>
    </a>
  );
}