import { Button } from "@/components/ui/button";
import { IoIosRepeat } from "react-icons/io";
import { getTranslations } from "next-intl/server";
import Link from "next/link";

export default async function FailedPageActions() {
  const t = await getTranslations("FailedPage");
  const dashboardUrl =
    process.env.NEXT_PUBLIC_DASHBAORD_URL || "https://app.motakamil.sa";

  return (
    <div className="flex justify-end gap-6">
      <Button
        variant="outline"
        size="icon"
        className="border-secondary-dark text-secondary-dark hover:bg-secondary-dark hover:text-primary-main"
      >
        <span>{t("close")}</span>
      </Button>
      <Button
        asChild
        variant="outline"
        className="border-secondary-dark text-secondary-dark hover:bg-secondary-dark hover:text-primary-main"
      >
        <Link href={dashboardUrl} target="_blank">
          {t("goToDashboard")}
        </Link>
      </Button>
      <Button className="bg-secondary-dark text-white hover:bg-secondary-main">
        <span>{t("retry")}</span>
        <IoIosRepeat className="size-8 font-bold" />
      </Button>
    </div>
  );
}