import Link from "next/link";

type JournalNav = { href: string; label: string };

/** Top bar for `/tu-vi/ket-qua` and `/fortune/result`: quiet back + optional journal link. */
export function CtkpResultPageNav({
  backHref,
  backLabel,
  journalLink,
}: {
  backHref: string;
  backLabel: string;
  /** Omit for default `/fortune/history` · «nhật ký». Pass `null` to hide. */
  journalLink?: JournalNav | null;
}) {
  const j = journalLink === undefined ? { href: "/fortune/history", label: "nhật ký" } : journalLink;
  return (
    <nav
      className="flex flex-wrap items-baseline gap-x-6 gap-y-1 pb-2 text-[13px] text-stone-600"
      aria-label="Điều hướng trang kết quả"
    >
      <Link
        href={backHref}
        className="text-stone-500 underline-offset-[5px] transition-colors duration-200 ease-ctkp hover:text-stone-400 hover:underline"
      >
        {backLabel}
      </Link>
      {j ?
        <Link
          href={j.href}
          className="text-stone-600 underline-offset-[5px] transition-colors duration-200 ease-ctkp hover:text-stone-500 hover:underline"
        >
          {j.label}
        </Link>
      : null}
    </nav>
  );
}