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>}>
      <section className="py-6 md:py-10">
        <div className="container container-xxl px-3">
          <WishlistPage />
        </div>
      </section>
      </Suspense>
    </>
  );
}