import type { ReactNode } from 'react';
import Link from 'next/link';
import { LoadingProvider } from '@/components/priority/LoadingProvider';
import AuthBrand from '@/components/AuthBrand';

export default function AuthLayout({ children }: { children: ReactNode }) {
  return (
    <LoadingProvider>
      <div className="min-h-screen bg-surface-sunken text-foreground">
        <div className="mx-auto flex max-w-6xl items-center justify-between px-4 py-4">
          <AuthBrand />
          <Link href="/" className="text-sm font-medium text-ink-muted hover:text-ink">
            Back to Home
          </Link>
        </div>
        {children}
      </div>
    </LoadingProvider>
  );
}