12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
import DocsTitle from "./DocsTitle.tsx";
export default function DocsHeader() {  return (    <div class="bg-green-300">      <header class="mx-auto max-w-screen-lg flex gap-3 justify-between">        <div class="p-4 flex">          <Logo />          <div>            <DocsTitle />          </div>        </div>        <label          for="docs_sidebar"          class="px-4 py-4 md:hidden border(l-2 green-200) flex items-center hover:bg-green-100"        >          <svg            class="h-6 w-6"            stroke="currentColor"            fill="none"            viewBox="0 0 24 24"          >            <path              strokeLinecap="round"              strokeLinejoin="round"              strokeWidth="2"              d="M4 6h16M4 12h16M4 18h7"            >            </path>          </svg>        </label>      </header>    </div>  );}
function Logo() {  return (    <a href="/" class="flex mr-3 items-center">      <img        src="/logo.svg"        alt="Fresh logo"        width={40}        height={40}      />    </a>  );}