import { getProductType } from "@queries/PSA";
import styles from '../styles.module.css';
import PageHero from "@src/components/PageHero";
import SortTable from "@src/components/SortTable";
import { Suspense } from "react";
import Loading from "@src/app/components/Loading/loading";

export default async function BarrelsPage() {
  const data = await getProductType('Barrels');

  return (
    <div>
      <PageHero title="Barrels" />

      <div className="container mx-auto">
        <Suspense fallback="Loading...">
          <SortTable data={data}></SortTable>
        </Suspense>
      </div>

    </div>
  );
}