import { Heart } from "lucide-react";
import { useLocale } from "@/i18n/LocaleContext";

export function WebsimpleBadge() {
  const { locale } = useLocale();
  const label = locale === "fr" ? "Fait avec" : "Made with";
  return (
    <a
      href="https://websimple.com"
      target="_blank"
      rel="noopener noreferrer"
      className="fixed bottom-4 right-4 z-50 inline-flex items-center gap-1.5 rounded-full bg-black/80 px-3 py-1.5 text-xs font-medium text-white shadow-lg backdrop-blur transition-colors hover:bg-black"
      aria-label={`${label} Websimple`}
    >
      {label} <Heart className="h-3.5 w-3.5 fill-current" /> Websimple
    </a>
  );
}