import React from 'react';

import { FileDoneOutlined, FileExcelOutlined, BulbFilled } from '@ant-design/icons';
import { YQQK } from '@/utils/constants';

export const HGIcon = <FileDoneOutlined style={{ marginRight: 10, color: '#1AB58F' }} />;

export const BHGIcon = <FileExcelOutlined style={{ marginRight: 10, color: '#FF704F' }} />

export const ExampleBar = () => {
  return <div style={{ marginRight: 20, marginTop: 3}}>
    {HGIcon}<span style={{ marginRight: 15}}>抽查合格</span>
    {BHGIcon}<span style={{ marginRight: 15}}>抽查不合格</span>
  </div>
}

export const getHGIcons = (type) => {
  if (type === 1) return HGIcon;
  if (type === 0) return BHGIcon;
  return <span style={{display: 'inline-block', width: 24, height: 14 }}></span>
}

export const getTimeLine = (type) => {
  if (type === YQQK.CQ.value) {
    return <BulbFilled style={{ color: YQQK.CQ.color}} />
  } if (type === YQQK.JCQ.value) {
    return <BulbFilled  style={{ color: YQQK.JCQ.color}} />
  } if (type === YQQK.ZC.value) {
    return <BulbFilled  style={{ color: YQQK.ZC.color}} />
  }
  return ''
}