import { Image, Text, View } from '@tarojs/components'
import { useState } from 'react'
import styles from './index.module.scss'
import Remind from './components/remind'
import logo from '@/styles/image/logo.png'
import IconFont from '@/components/iconfont/iconfont'
import Checkbox from '@/components/checkbox'
import Popup from '@/components/popup'

export default () => {
  const [selected, setSelected] = useState(false)
  return <View className={styles.main}>
    <View className={styles.login_image}>
      <Image mode="widthFix" src={logo} />
      <Text>打造面料爆品 专注客户服务</Text>
    </View>
    <View className={styles.login_btn}>
      <View className={styles.btn_con}>
        <IconFont name="icon-weixinyijiandenglu" />
        <Text>微信一键登录</Text>
      </View>

    </View>
    <View className={styles.regulations}>
      <Checkbox size="small" status={selected} onSelect={() => setSelected(true)} onClose={() => setSelected(false)} />
      <View className={styles.regulations_text}>我已阅读并同意<Text>《面料优选服务条例》</Text>和<Text>《面料优选隐私政策》</Text></View>
    </View>
    <Remind />
  </View>
}