import React, { useEffect } from 'react'
import styles from './index.module.scss'
import { A2AListType } from '@/types'

type Props = {
  info: A2AListType
  tit2: string
}

function LookTxt2({ info, tit2 }: Props) {
  useEffect(() => {}, [info.files])

  return (
    <div className={styles.LookTxt2}>
      <div className='lLtxt'>
        <div className='lLtxtLeft'>
          <span>*</span> {tit2}名称：
        </div>
        <div className='lLtxtRight'>{info.zlName}</div>
      </div>

      <div className='lLtxt'>
        <div className='lLtxtLeft'>
          <span>*</span> 城市：
        </div>
        <div className='lLtxtRight'>{info.zlProvince + '-' + info.zlCity}</div>
      </div>

      <div className='lLtxt'>
        <div className='lLtxtLeft'>
          <span>*</span> 负责人：
        </div>
        <div className='lLtxtRight'>{info.zlUser}</div>
      </div>

      <div className='lLtxt'>
        <div className='lLtxtLeft'>
          <span>*</span> 联系方式：
        </div>
        <div className='lLtxtRight'>{info.zlPhone}</div>
      </div>
    </div>
  )
}

const MemoLookTxt2 = React.memo(LookTxt2)

export default MemoLookTxt2
