{% from "icons.html" import search %}

<button
  onclick="window.openCommandPalette()"
  class="inline-flex items-center whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring border border-input hover:bg-accent hover:text-accent-foreground px-4 py-2 relative h-8 w-full justify-start rounded-lg bg-background text-sm font-normal text-muted-foreground shadow-none sm:w-64"
>
  <span class="inline-flex">{{ t("command-palette") }}</span>
  <kbd
    class="pointer-events-none absolute right-[0.3rem] top-[0.3rem] flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100"
  >
    <span>⌘</span>
    <span>K</span>
  </kbd>
</button>