import Link from 'next/link';

/**
 * Stripe cancel landing — Stripe sends users here when they bail out
 * of checkout. We don't gate, judge, or guilt; just acknowledge and
 * point them back to pricing.
 */
export default function UpgradeCancelPage() {
  return (
    <main style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 24 }}>
      <article
        className="surface diagonal-cut"
        style={{
          maxWidth: 560,
          width: '100%',
          padding: 40,
          textAlign: 'center',
          border: '1px solid var(--border)',
          background: 'var(--bg-surface)',
        }}
      >
        <h1 style={{ fontSize: 28, fontWeight: 700, letterSpacing: '-0.02em', marginBottom: 12 }}>
          Checkout cancelled.
        </h1>
        <p style={{ fontSize: 15, color: 'var(--text-secondary)', marginBottom: 32 }}>
          Your account is unchanged. No card was charged.
        </p>
        <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
          <Link href="/#pricing" className="btn-primary" style={{ padding: 14, width: '100%' }}>
            Back to pricing
          </Link>
          <Link href="/scan" className="btn-ghost" style={{ padding: 14, width: '100%' }}>
            Keep using the free tier
          </Link>
        </div>
      </article>
    </main>
  );
}
