spb/satelliteindex

1'use client';2import { Search } from 'lucide-react';3import { useOpenSearch } from '@/components/layout/search-context';4import { cn } from '@/lib/cn';56/** Secondary hero CTA: opens the global ⌘K search dialog. */7export function SearchButton({ className }: { className?: string }) {8  const open = useOpenSearch();9  return (10    <button type="button" onClick={open} className={cn('inline-flex h-12 items-center justify-center gap-2 rounded-md border border-rule-strong px-5 text-sm font-medium text-ink hover:bg-plane-2', className)}>11      <Search className="size-4" aria-hidden />12      Search satellites13      <kbd className="mono ml-1 hidden rounded border border-rule px-1.5 py-0.5 text-[10px] text-ink-3 md:inline">⌘K</kbd>14    </button>15  );16}17