import { DataTableProvider } from "@/lib/hooks";
import { Trans } from "react-i18next";
import { CatalogDataTable } from "./components";

export const CatalogList = () => {
  return (
    <DataTableProvider>
      <div className='flex items-center justify-between space-y-2'>
        <div>
          <h2 className='text-2xl font-bold tracking-tight'>
            <Trans i18nKey='catalog.list.title' />
          </h2>
        </div>
      </div>

      <CatalogDataTable />
    </DataTableProvider>
  );
};
