// Full, shippable page — real size at normal type scale. The registry
// preview above is a scaled-down miniature of this same composition, not
// a different component.
import { Search, Hash } from "lucide-react";

const SECTIONS = ["Getting Started", "Installation", "Configuration", "API Reference", "Deployment"];
const TOC = ["Overview", "Quick start", "Next steps"];

function Topbar() {
  return (
    <div className="flex items-center gap-4 border-b border-white/10 px-6 py-3">
      <span className="font-sans font-bold">Nova Docs</span>
      <div className="ml-auto flex w-full max-w-sm items-center gap-2 rounded-lg border border-white/5 px-3 py-2">
        <Search className="h-4 w-4 text-neutral-400" />
        <span className="text-sm text-neutral-400">Search docs&hellip;</span>
      </div>
    </div>
  );

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}