import cls from './index.module.less';
import Container from '../../Container';
import TechSplitline from '../TechSplitline';
import SmokeTrendChart from './SmokeTrendChart';

function SmokeHandle(props) {
	return (
		<Container title="烟气处理" icon="smoke" className={cls.smokeHandle}>
			<div className={`${cls.smokeHandle__content} flex flex-col`}>
				<div className={cls.info__item_groups}>
					<div className={cls.info__item}>氧 气 含 量 : 72%</div>
					<div className={cls.info__item}>一氧化氮排放浓度:59mg/m³</div>
					<div className={cls.info__item}>二氧化硫排放浓度:59mg/m³</div>
					<div className={cls.info__item}>二氧化氮排放浓度:59mg/m³</div>
				</div>

				<TechSplitline />

				<SmokeTrendChart />
			</div>
		</Container>
	);
}

export default SmokeHandle;
