"use client";

import Link from "next/link";
import { useEffect, useState } from "react";
import { Button } from "@/components/ui/Button";
import { reportCardsListHref } from "@/lib/report-cards";

export function ReportCardsBackLink({
  label = "بازگشت به کارنامه‌ها",
}: {
  label?: string;
}) {
  const [href, setHref] = useState("/academic/report-cards");

  useEffect(() => {
    setHref(reportCardsListHref());
  }, []);

  return (
    <Link href={href}>
      <Button variant="secondary">{label}</Button>
    </Link>
  );
}