import { Metadata } from 'next';
import ProductsPage from "./_components/ProductsPage";
import { Suspense } from "react";
import AppLoader from "@/components/ui-elements/AppLoader";

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

export default function ColorsPage() {
  return (
    <>
      <Suspense fallback={<AppLoader loading={true} />}>
      <div className="flex flex-col gap-10">
        <ProductsPage />
      </div>
      </Suspense>
    </>
  );
}