import * as React from "react";

export default function WhopRedirect() {
  React.useEffect(() => {
    const url = "https://whop.com/stasher/stashercapital?utm_source=instagram&utm_medium=bio";
    const ua = navigator.userAgent;
    const inApp = /(Instagram|FBAN|FBAV|FB_iAB|Line|TikTok|WebView)/i.test(ua);

    // Try to leave the webview fast
    try { window.open(url, "_blank", "noopener"); } catch (_) {}
    // Fallback: same-tab redirect
    window.location.replace(url);

    // Safety retry
    setTimeout(() => { window.location.href = url; }, 600);
  }, []);

  return (
    <main style={{fontFamily:"system-ui",padding:24}}>
      <h1>Redirecting…</h1>
      <p>
        If nothing happens, <a href="https://whop.com/stasher/stashercapital">tap here</a>.
        On Instagram, tap the ••• menu and choose <b>Open in Safari/Chrome</b>.
      </p>
    </main>
  );
}