"use client";

import { useRouter } from "next/navigation";

import { ChatIcon } from "@/components/icons";
import { Button } from "@/components/ui";
import { setChatSeed, type ChatSeed } from "@/lib/chat-seed";
import { useI18n } from "@/lib/i18n";
import { cn } from "@/lib/utils";

/**
 * "Ask a question" entry point for results screens: hands the compact result
 * summary to the chat (sessionStorage, one-shot) and opens it.
 */
export function AskButton({ seed, className }: { seed: ChatSeed; className?: string }) {
  const { t } = useI18n();
  const router = useRouter();

  return (
    <Button
      variant="secondary"
      className={cn("touch-target", className)}
      onClick={() => {
        setChatSeed(seed);
        router.push("/chat");
      }}
    >
      <ChatIcon className="size-4" />
      {t("chat.askQuestion")}
    </Button>
  );
}