import { CatalogBrowser } from '@/components/CatalogBrowser'

export const metadata = {
  title: 'Search',
  alternates: { canonical: '/search' },
  robots: { index: false, follow: true },
}

export default function SearchPage({ searchParams }: { searchParams: { q?: string } }) {
  const q = searchParams.q ?? ''
  return (
    <div className="container-x py-6">
      <h1 className="h-section mb-5">{q ? `Results for “${q}”` : 'All products'}</h1>
      <CatalogBrowser baseQuery={`?q=${encodeURIComponent(q)}`} />
    </div>
  )
}