import {NextIntlClientProvider} from 'next-intl';
import {getLocale, getMessages} from 'next-intl/server';
import './global.scss';

export const metadata = {
  title: 'Main',
  description: 'I have followed setup instructions carefully',
};

export default async function RootLayout({ children }: { children: React.ReactNode }): Promise<React.JSX.Element> {
  // removing these works for some reason...
  const messages = await getMessages();
  const locale = await getLocale();

  return (
    <html lang="en">
      <body>
        <NextIntlClientProvider>{children}</NextIntlClientProvider>
      </body>
    </html>
  );
}