/*
 * @Author: your name
 * @Date: 2021-09-14 18:15:35
 * @LastEditTime: 2021-09-15 19:21:56
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /MedicalWisdomCheckSys/src/components/MccsScoreBanner/index.tsx
 */



import React from 'react'
import { Divider } from 'antd';

import './index.less'


type ScoreListItem = {
     label: string,
     value: string
}
type MccsScoreBannerProps = {
     list: ScoreListItem[]
}

const MccsScoreBanner: React.FC<MccsScoreBannerProps>=(props)=>{
    const {list=[]} = props;
    return (
        <div className='MccsScoreBanner'>
             {
                list.map((item,index)=>{
                    return (
                        <React.Fragment key={index}>
                        <div className='scoreList' >
                             <div className='label'>{item.label}</div>
                             <div className='value'>{item.value}</div>
                        </div> 
                        {index!==list.length-1&&<Divider type="vertical" className='dvider' style={{height:'24px'}} />}
                        </React.Fragment>
                    )
                })
             }
        </div>
    )
}

export default MccsScoreBanner
