import type { Metadata } from 'next';

import './globals.css';
import { Toaster } from 'react-hot-toast';
// PROJECT IMPORTS
import ProviderWrapper from './ProviderWrapper';
import TSQueryProvider from './TSQueryProvider';

export const metadata: Metadata = {
  title: 'Phase2Growth',
  description: 'Phase2Growth'
};

export default function RootLayout({ children }: { children: React.ReactElement }) {
  return (
    <html lang="en">
      <body>
        <ProviderWrapper>
          <TSQueryProvider>
            {children}
            <Toaster position="top-center" reverseOrder={true} />
          </TSQueryProvider>
        </ProviderWrapper>
      </body>
    </html>
  );
}
