import * as React from "react"
import Container from "@/components/container"
import ProductCategory from "./product-category"
import FunctionalParameter from "./functional-parameter"
import t from "@/constants/wording"
import * as styles from "./index.module.scss"

const ChoiceProduct: React.FC<{ location: ILocation }> = ({ location }) => {
  return (
    <div id="SelectProduct" className={styles.choiceProduct}>
      <Container>
        <h1 className={styles.title}>{t("choice product")}</h1>
        <div className={styles.choiceProductCenter}>
          <ProductCategory location={location} />
          {/*<FunctionalParameter />*/}
        </div>
      </Container>
    </div>
  )
}

export default ChoiceProduct
