'use client';

import { Breadcrumbs } from '@/components/breadcrumbs';
import { CartPage } from '@/components/cart-page';
import { useI18n } from '@/lib/i18n';
import type { Product } from '@/lib/types';

export function CartRoute({ products }: { products: Product[] }) {
  const { t } = useI18n();
  return <><div className="page-container"><Breadcrumbs items={[{ name: 'Trang chủ', href: '/' }, { name: 'Giỏ hàng' }]} /></div><section className="cart-wrap"><div className="page-container"><span className="eyebrow">{t('cart.eyebrow')}</span><h1 className="section-title">{t('cart.title')}</h1><p className="body-lead">{t('cart.description')}</p><CartPage products={products} /></div></section></>;
}