import { Image, Text, View } from '@tarojs/components'
import { memo, useEffect, useMemo, useRef, useState } from 'react'
import classnames from 'classnames'
import styles from './index.module.scss'

interface propsObj {
  receivingStatus?: Number | null
  onReceivingStatus?: (any, Number) => void
  obj: any
  handUp?: (any) => void
}
const AddressDetailBox = (props: propsObj) => {
  const {
    obj = {},
    handUp,
  } = props

  const seeFont = useMemo(() => {
    if (obj.stage == 1) {
      return '上传物流回单'
    }
    else {
      return '查看物流回单'
    }
  }, [obj])

  return (
    <View className={styles.addressBox}>
      <View className={styles.topFont}>请按以下退货地址寄回货物并提供退货物流信息</View>
      <View className={styles.topBox}>
        <View className={styles.cirle}>
          <View className={classnames('iconfont', 'icon-dingwei', styles.dingwei)}></View>
        </View>
        <View className={styles.address}>广东省佛山市禅城区陆盈纺织仓库</View>
      </View>
      <View className={styles.line}></View>
      <View className={styles.bottom}>
        <View className={styles.name}>谭先生</View>
        <View className={styles.phone}>{13242128982}</View>

        <View className={styles.btn} onClick={() => handUp?.(obj)}>{seeFont}</View>

        {/* {
                    obj.stage !== 1 && <View className={styles.nobtn}></View>
                } */}
      </View>
    </View >
  )
}
export default memo(AddressDetailBox)