import React, { useEffect, useState } from 'react'
import { Box } from '$components';
import './style.less';

function SpecialPerson(props) {

    const data = [
        { name: '刑满释放', number: 447 },
        { name: '社区矫正', number: 447 },
        { name: '吸毒人员', number: 447 },
        { name: '重点青少年', number: 447 },
        { name: '艾滋病人', number: 447 },
    ]
    return <Box title={"特殊人群统计"}>
        <div className='_special'>
            {
                data.map((s, index) => {
                    return <div className={`_special_item _special_bg${index % 2 == 0 ? 1 : 2}`}>
                        <span>{s.name}</span>
                        <span><span className='_number'>{s.number}</span>人</span>
                    </div>
                })
            }

        </div>
    </Box>
}

export default SpecialPerson;