import type { Metadata } from "next";

import { CartView } from "@/components/cart/CartView";

export const metadata: Metadata = {
  title: "Your cart",
  description: "Review the items in your cart before checking out.",
};

export default function CartPage() {
  return (
    <div className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
      <h1 className="text-2xl font-bold tracking-tight text-slate-900 sm:text-3xl">Your cart</h1>
      <p className="mt-2 text-sm text-slate-600">
        Your cart lives in this browser — nothing is sent to a server.
      </p>

      <div className="mt-8">
        <CartView />
      </div>
    </div>
  );
}