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

export const SettingsLayout = ({ children }: PropsWithChildren) => {
  return (
    <Layout>
      <LayoutHeader />
      <LayoutContent>
        <div className='grid w-full max-w-6xl gap-2 mx-auto'>
          <h1 className='text-2xl font-semibold md:text-3xl'>
            <Trans i18nKey='settings.title' />
          </h1>
        </div>
        {children}
      </LayoutContent>
    </Layout>
  );
};