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

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

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