"use client";

import { IconBrandWhatsapp } from "@tabler/icons-react";
import { trackEvent } from "@/lib/analytics";

export function WhatsAppButton() {
  const whatsappNumber = process.env.NEXT_PUBLIC_WHATSAPP_NUMBER;

  if (!whatsappNumber) return null;

  return (
    <a
      href={`https://wa.me/${whatsappNumber}`}
      target="_blank"
      rel="noopener noreferrer"
      aria-label="Nous contacter sur WhatsApp"
      onClick={() =>
        trackEvent("cta_click", {
          cta_type: "whatsapp",
          cta_location: "floating",
        })
      }
      className="fixed bottom-6 right-6 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-[#25D366] text-white shadow-lg transition-all hover:scale-110 hover:shadow-xl active:scale-95"
    >
      <IconBrandWhatsapp size={28} stroke={1.5} />
    </a>
  );
}