import * as React from "react"

import { Layout, Seo } from "@/components"
import SearchPage from "@/components/search-page"
import t from "@/constants/wording"
import algoliaCst from "@/constants/search"

const { AlgoliaIndexMap } = algoliaCst as AlgoliaIndexMapType
const indices = Object.entries(AlgoliaIndexMap).map(i => {
  const [name, { title }] = i
  return {
    name: `${name}_${process.env.NODE_ENV}`,
    tabName: title,
  }
})

// todo remove GATSBY_ALGOLIA_INDEX
const Search: React.FC = () => {
  return (
    <Layout>
      <Seo
        title={t("search resources")}
        description={t("search resources")}
        keywords={t("keywords")}
      />
      <SearchPage indices={[...indices]} />
    </Layout>
  )
}

export default Search