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

export const CatalogLayout = ({ children }: PropsWithChildren) => {
  return (
    <ProtectedRoute>
      <CatalogProvider>
        <Layout className='catalog-layout'>
          <LayoutHeader />
          <LayoutContent>{children}</LayoutContent>
        </Layout>
      </CatalogProvider>
    </ProtectedRoute>
  );
};
