---
// only shown on narrow screens and on pages without a sidebar (the landing page).
// pages with a sidebar carry search in the sidebar, so it renders here only when
// there is none: one search per page
import Search from "@astrojs/starlight/components/Search.astro";
import SiteTitle from "@astrojs/starlight/components/SiteTitle.astro";
import ThemeToggle from "./ThemeToggle.astro";

const { hasSidebar } = Astro.locals.starlightRoute;
---

<div class="docs-header">
  <SiteTitle />
  <div class="docs-header-end">
    {!hasSidebar && <Search />}
    <ThemeToggle />
  </div>
</div>