import { useNavigate } from "react-router-dom";

export function OnboardingPage() {
  const nav = useNavigate();
  const raw = sessionStorage.getItem("pp-onboarding");
  const data = raw ? (JSON.parse(raw) as { tg: string; max: string; phone: string }) : null;
  if (!data) return null;

  return (
    <div className="pt-16">
      <h1 className="text-xl font-extrabold mb-1">Подключите бот</h1>
      <p className="text-muted text-sm mb-8">
        Чтобы получать код входа, откройте бот и нажмите «Старт». Затем вернитесь и запросите код снова.
      </p>
      <a href={data.tg} target="_blank" rel="noopener" className="btn-primary mb-3 no-underline block">
        Подключить Telegram
      </a>
      <a href={data.max} target="_blank" rel="noopener" className="btn-ghost mb-6 no-underline block">
        Подключить MAX
      </a>
      <button className="btn-ghost" onClick={() => nav("/login")}>
        Я подключил — запросить код
      </button>
    </div>
  );
}
