import { Button, Image, Input, RichText, ScrollView, Text, View } from '@tarojs/components'
import Taro, { useDidShow, usePullDownRefresh, useReady } from '@tarojs/taro'
import classnames from 'classnames'
import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
import styles from './index.module.scss'
import { GetProductKindListApi } from '@/api/material'
import { getFilterData } from '@/common/util'
import { alert, goLink } from '@/common/common'
import { Mallproductinstruct } from '@/api/favorite'
import IconFont from '@/components/iconfont/iconfont'

interface Props {
  closePopup: () => void
}

const guidePopup = (props: Props) => {
  return (
    <View className={styles.main}>
      <View className={styles.mask}>
        <View className={styles.bigBox}>
          <View className={styles.topTitleBox}>
            <View className={styles.topTitle}>下单类型</View>
            <IconFont name="icon-tishi" size={30}></IconFont>
          </View>
          <View className={styles.modeBox}>
            <View className={styles.modeKindOne}>大货</View>
            <View className={styles.modeKindTwo}>剪版</View>
            <View className={styles.modeKindTwo}>散剪</View>
          </View>
          <View className={styles.line}></View>
          <View className={styles.pleaseFont}>请选择你需要的商品类型✨</View>
          <View className={styles.saleFont}>大货：按【条数】销售；</View>
          <View className={styles.saleFont}>剪版：按【米】销售；</View>
          <View className={styles.flexBox}>
            <View className={styles.flexLeft}>散剪：按【公斤】销售；</View>
            <View className={styles.flexRight} onClick={() => props.closePopup?.()}>我知道了</View>
          </View>
        </View>
      </View>
    </View>
  )
}
export default memo(guidePopup)
