import { Layout, LayoutContent, LayoutHeader } from "@/components";
import { DataTableProvider } from "@/lib/hooks";
import { PropsWithChildren } from "react";
import { CatalogProvider } from "./CatalogContext";

export const CatalogLayout = ({ children }: PropsWithChildren) => {
  return (
    <CatalogProvider>
      <Layout>
        <LayoutHeader />
        <LayoutContent>
          <DataTableProvider>{children}</DataTableProvider>
        </LayoutContent>
      </Layout>
    </CatalogProvider>
  );
};
