import { AppShell } from '@/components/AppShell';
import { ListingCard } from '@/components/ListingCard';
import { PageHeader } from '@/components/PageHeader';
import { listings } from '@/lib/mockData';

export default function FavouritesPage() {
  return (
    <AppShell>
      <PageHeader title="Saved items" subtitle="Buyer favourites ready for beta testing." />
      <div className="listing-grid listing-grid-page">
        {listings.slice(0, 3).map((listing) => (
          <ListingCard key={listing.id} listing={listing} />
        ))}
      </div>
    </AppShell>
  );
}