---
// 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 "./Search.astro";
import SiteTitle from "./SiteTitle.astro";

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

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