import { Text, View } from '@tarojs/components'
import { memo, useCallback, useEffect, useRef, useState } from 'react'
import Big from 'big.js'
import Search from '../search'
import type { ItemType } from '../recommendProductItem'
import RecommendProductItem from '../recommendProductItem'
import styles from './index.module.scss'
import IconFont from '@/components/iconfont/iconfont'
import { AddShoppingCartApi, GetScrewProductApi } from '@/api/shopCart'
import type { listType, saleModeType } from '@/common/enum'
import { SALE_MODE_SETTING } from '@/common/enum'

interface ParamType {
  onClick?: () => void
}

export default memo((props: ParamType) => {
  const { onClick } = props
  return <View className={styles.recommended_main}>
    <View className={styles.recommended} onClick={onClick}>
      <Text>选择专属一对一配套螺纹推荐</Text>
      <View className={styles.icon}>
        <IconFont name="icon-xiala" size={30} />
      </View>
    </View>
  </View>
})
