'use client';

import { Suspense } from 'react';
import { ProductListing } from '@/ui/product/product-listing';
import { LoadingSpinner } from '@/ui/shared/loading-spinner';

export default function ProductsPage() {
  return (
    <Suspense
      fallback={
        <div className="flex min-h-[60vh] items-center justify-center">
          <LoadingSpinner size="lg" />
        </div>
      }
    >
      <ProductListing />
    </Suspense>
  );
}