import { Link } from "react-router-dom";
import { useTranslation } from "react-i18next";
import { FiArrowLeft, FiMail } from "react-icons/fi";
import Card from "@/components/ui/Card";
import EmptyState from "@/components/ui/EmptyState";

export default function PasswordResetPage() {
  const { t } = useTranslation("social");

  return (
    <div className="min-h-screen flex items-center justify-center p-4">
      <Card className="w-full max-w-md">
        <EmptyState
          icon={<FiMail />}
          title={t("passwordReset.title")}
          message={t("passwordReset.message")}
          action={
            <Link
              to="/social/login"
              className="inline-flex items-center gap-1 text-sm text-brand-accent hover:underline"
            >
              <FiArrowLeft size={14} /> {t("passwordReset.backToLogin")}
            </Link>
          }
        />
      </Card>
    </div>
  );
}
