import { GlobalNewMessagesBanner } from "@/components/domains/chat";
import { DrawerProvider, Header } from "@/components/layout";
import { ChatStoreProvider } from "@/providers/chat-store-provider";

import styles from "./layout.module.scss";

export default function PaymentLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <DrawerProvider>
      <ChatStoreProvider>
        <Header className={styles.navBar} />
        <GlobalNewMessagesBanner />
        <main className={styles.main}>{children}</main>
      </ChatStoreProvider>
    </DrawerProvider>
  );
}
