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

export const CatalogLayout = ({ children }: PropsWithChildren) => {
  return (
    <CatalogProvider>
      <Layout>
        <LayoutHeader />
        <LayoutContent>
          <div className='flex items-center'>
            <h1 className='text-lg font-semibold md:text-2xl'>
              <Trans i18nKey='catalog.title' />
            </h1>
          </div>
          {children}
        </LayoutContent>
      </Layout>
    </CatalogProvider>
  );
};
