import React, { memo } from 'react'
import type { FC, ReactNode } from 'react'
import { Avatar, Image } from 'antd'
import { ViewSymptomWrapper } from '../style'

interface IProps {
  children?: ReactNode
}

const url = 'https://p1.ssl.qhmsg.com/dr/270_500_/t010c2d50907f0a7b9c.png'

const ViewSymptom: FC<IProps> = memo(() => {
  return (
    <ViewSymptomWrapper>
      <div className="flexJ">
        <div className="flexA top">
          <Avatar size="large" src={<img src={url} alt="avatar" />} />
          <div className="username">卡卡罗特</div>
          <div className="tag">图文问诊</div>
        </div>
        <div className="money">预计收入：¥26.00</div>
      </div>
      <div className="row">
        就诊宠物：<span>蓝猫/2岁/女/绝育/1kg</span>
      </div>
      <div className="row">
        免疫情况：<span>不详</span>
      </div>
      <div className="row">
        喂养方式：<span>自制杂粮</span>
      </div>
      <div className="row">
        洗澡频次：<span>一周一次</span>
      </div>
      <div className="row">
        出现症状：<span>其他</span>
      </div>
      <div className="row">
        症状时间：<span>{`<7天`}</span>
      </div>
      <div className="row">
        症状描述：<span>快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦快死了哦</span>
      </div>
      <div className="row">
        <div>上传图片</div>
        <Image width={120} src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
      </div>
    </ViewSymptomWrapper>
  )
})

export default ViewSymptom