import Link from "next/link";

/** Compact nav from justine/02_signup.html — use inside [data-justine-auth] + 02-signup.css */
export function JustineAuthShell({ children }: { children: React.ReactNode }) {
  return (
    <>
      <nav className="justine-auth-nav" aria-label="Auth">
        <Link href="/" className="justine-auth-nav-brand">
          <div className="justine-auth-nav-logo">
            <span className="f">V</span>
          </div>
          <span className="justine-auth-nav-wordmark f">vibn</span>
        </Link>
        <span className="justine-auth-nav-aside">
          New to vibn? <Link href="/">View homepage</Link>
        </span>
      </nav>
      <div className="justine-auth-main">{children}</div>
    </>
  );
}
