"use client";

import Link from "next/link";
import { XCircle } from "lucide-react";
import { Button } from "@/components/ui/button";
import { useLanguage } from "@/lib/i18n/context";

export function ResetLinkMissing() {
  const { t } = useLanguage();
  const copy = t.auth.pages.resetPasswordMissing;

  return (
    <div className="flex flex-col items-center gap-4 py-2 text-center">
      <span className="flex size-12 items-center justify-center rounded-full bg-destructive/15 text-destructive">
        <XCircle className="size-6" />
      </span>
      <p className="text-sm text-muted-foreground">{copy.body}</p>
      <Button asChild size="lg" className="w-full">
        <Link href="/forgot-password">{copy.cta}</Link>
      </Button>
    </div>
  );
}