import React from 'react'
import { View, Text, Image } from '@tarojs/components'
import Taro, { useRouter } from '@tarojs/taro'
import GuideBar from '@/components/GuideBar'
import img from '@/config/images'
import './index.scss'

const Personal = () => {
  const { params } = useRouter()
  const { id } = params

  const handleBack = () => {
    Taro.navigateBack()
  }

  return (
    <View className='personal-container'>
      {id && (
        <View className='personal-navigator' onClick={handleBack}>
          <Image className='personal-navigator-back' src={img.ICON_NAVIGATOR_BACK} />
        </View>
      )}
      <View className='personal-content'>
        <Text>Personal</Text>
      </View>
      <GuideBar currentPage='personal' />
    </View>
  )
}

export default Personal