import { Send } from "lucide-react";

export function TelegramButton({ handle = "casinoapi_support" }: { handle?: string }) {
  return (
    <a
      href={`https://t.me/${handle}`}
      target="_blank"
      rel="noreferrer"
      aria-label="Chat on Telegram"
      className="fixed bottom-5 right-5 z-40 group"
    >
      <span className="absolute inset-0 rounded-full animate-ping bg-primary/30" />
      <span
        className="relative flex h-14 w-14 items-center justify-center rounded-full text-background shadow-lg transition-transform group-hover:scale-110"
        style={{ background: "var(--gradient-gold)", boxShadow: "var(--shadow-gold)" }}
      >
        <Send className="h-6 w-6" />
      </span>
      <span className="hidden sm:flex absolute right-16 top-1/2 -translate-y-1/2 whitespace-nowrap rounded-full bg-surface border border-border-strong px-3 py-1.5 text-xs font-medium opacity-0 group-hover:opacity-100 transition">
        Chat with us on Telegram
      </span>
    </a>
  );
}