/** Shared layout for all docs pages: header, sidebar, and footer. */
import type { Metadata } from 'next'
import DocsSidebar from '@/components/DocsSidebar'
import './docs.css'

/** Default metadata for docs pages. */
export const metadata: Metadata = {
  title: 'Documentation — Huskies',
}

/** Wraps all doc pages with the shared docs shell (header, sidebar, footer). */
export default function DocsLayout({ children }: { children: React.ReactNode }) {
  return (
    <>
      <div className="shell">
        <header className="reveal r1">
          <a href="/" className="logo">
            huskies
          </a>
          <nav>
            <a href="/#how">How it works</a>
            <a href="/#features">Features</a>
            <a href="/docs" className="active">
              Docs
            </a>
            <a href="https://code.crashlabs.io/crashlabs/huskies">Source</a>
            <a href="https://code.crashlabs.io/crashlabs/huskies/releases">Releases</a>
            <a href="mailto:hello@huskies.dev" className="nav-cta">
              Get in touch
            </a>
          </nav>
        </header>
      </div>

      <div className="shell">
        <div className="docs-layout">
          <DocsSidebar />
          <main className="docs-main reveal r3">{children}</main>
        </div>

        <footer className="reveal r3">
          <span>&copy; 2026 Libby Labs Ltd.</span>
          <a href="/privacy">Privacy Policy</a>
        </footer>
      </div>
    </>
  )
}
