import Breadcrumb from "../../../../src/components/Breadcrumbs/Breadcrumb";
import { Metadata } from 'next';
import ProductsPage from "./_components/ProductsPage";
import { Suspense } from "react";

export const metadata: Metadata = {
  title: "Products",
};

export default function ColorsPage() {
  return (
    <>
      {/* <Breadcrumb pageName="Colors" /> */}
      <Suspense fallback={<div>Loading...</div>}>
      <div className="flex flex-col gap-10">
        <ProductsPage />
      </div>
      </Suspense>
    </>
  );
}