import { redirect } from "next/navigation";
import { getCurrentSession } from "@/lib/auth/session";
import { LogoutButton } from "./logout-button";
import { NavLinks } from "./nav-links";

export default async function DashboardLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const session = await getCurrentSession();
  if (!session) {
    redirect("/login");
  }

  return (
    <div style={{ display: "flex", flexDirection: "column", minHeight: "100%", flex: 1 }}>
      <header className="topnav">
        <div className="topnav-inner">
          <div className="brand">
            <div className="brand-mark" />
            Chief of Staff
          </div>
          <NavLinks />
          <div className="user-menu">
            <span className="user-email">{session.user.email}</span>
            <LogoutButton />
          </div>
        </div>
      </header>
      <main style={{ flex: 1 }}>{children}</main>
    </div>
  );
}