import Link from "next/link";
import { ThemeSwitch } from "./theme-switch";

export function SiteShell({ children }: { children: React.ReactNode }) {
  return (
    <div className="site-frame">
      <header className="site-header">
        <div className="site-header-inner">
          <Link className="site-brand" href="/" aria-label="BatchForge home">
            <span>Batch<span className="site-brand-accent">Forge</span></span>
          </Link>
          <ThemeSwitch />
        </div>
      </header>
      <main>{children}</main>
      <footer className="site-footer">
        <span className="site-footer-links"><Link href="/guide">Guide</Link></span>
      </footer>
    </div>
  );
}
