import { useEffect, useState } from 'react'

import Item2 from './substitutionCharts/Chart2.jsx'
// import Icon from '../../assets/Icon/ButtonChart2Icon1.png'
// import GapLine from '../../assets/buttonChart2GapLine.png'
import './Chart2.less'


export default function Chart2() {
    return (
        <div className='ButtonChart2AllBorder'>
            <div className='ButtonChart2ItemitemBorder'>
                {/* <img src={Icon} alt="图片加载错误" className='ButtonChart2ItemIcon' /> */}
                <div className='ButtonChart2ItemTitle' >AB线成品量</div>
            </div>
            <div className='ButtonChart2ItemBorder' >
                <Item2 title='A线' data={[78, 9565, 17512]} />
                <div className='ButtonChart2ItemGap'></div>
                <Item2 title='B线' data={[58, 7565, 17512]} />
            </div>
        </div>
    )
}
