import { Suspense } from 'react'
import { AccountShell } from '@/components/account/AccountShell'

export default function AccountLayout({ children }: { children: React.ReactNode }) {
  return (
    <Suspense fallback={<section className="grid min-h-[calc(100vh-70px)] place-items-center bg-bg px-6"><div className="text-sm font-extrabold text-muted">加载个人中心...</div></section>}>
      <AccountShell>{children}</AccountShell>
    </Suspense>
  )
}
