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

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

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