import { AdminSignOut } from '@admin/components/layouts/admin-sign-out'
import Link from 'next/link'

export function MinimalAccountShell({
  name,
  children
}: {
  name: string
  children: React.ReactNode
}) {
  return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 flex h-14 items-center justify-between border-b bg-background px-6">
        <Link
          href="/admin/profile"
          className="text-sm font-medium transition-colors hover:text-foreground/80"
        >
          {name}
        </Link>
        <AdminSignOut mode="button" />
      </header>
      <div className="flex-1">{children}</div>
    </div>
  )
}