"use client";

import { App } from "@/context/app";
import { Socket } from "@/context/socket";
import AuthFooter from "./components/_layout/footer";
import AuthHeader from "./components/_layout/header";
import AuthMain from "./components/_layout/main";

type AuthenticatedLayoutProps = {
  children: React.ReactNode;
};
export default function AuthenticatedLayout({
  children,
}: AuthenticatedLayoutProps) {
  return (
    <>
      <App>
        <Socket>
          <AuthHeader />
          <AuthMain>{children}</AuthMain>
          <AuthFooter />
        </Socket>
      </App>
    </>
  );
}