import Link from 'next/link';

export default function CheckoutCancelPage() {
  return (
    <div className="mx-auto max-w-lg px-6 py-20 text-center">
      <p className="tag-label text-splash-orange">Checkout cancelled</p>
      <h1 className="mt-2 font-display text-4xl">No charge was made</h1>
      <p className="mt-4 text-muted">Your bag is still here, exactly as you left it.</p>
      <Link
        href="/cart"
        className="mt-8 inline-block bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark"
      >
        Back to your bag
      </Link>
    </div>
  );
}
