import { AccountSidebar } from "@/components/account-sidebar"
import { AuthGuard } from "@/components/auth-guard"
import { Header } from "@/components/header"

export default function AccountLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex min-h-screen flex-col bg-muted/20">
      <Header />
      <div className="mx-auto flex w-full max-w-5xl flex-1 px-4">
        <div className="hidden md:block">
          <AccountSidebar />
        </div>
        <main className="flex-1 py-8 md:px-6">
          <AuthGuard>{children}</AuthGuard>
        </main>
      </div>
    </div>
  )
}
