import { h, Component } from 'preact';

import styles from './css/index.less';


class MatchInfoItem extends Component<any, any> {
  render() {
    const { icon, info, onClickItem } = this.props;
    // const icon = "time";
    // const info = "12.8日24时结束"
    return (
      <div
        className={styles['info-item']}
        onClick={onClickItem}
      >
        <div className={`${styles['info-icon']} ${styles[`icon-${icon}`]}`}/>
        <div className={styles['info-detail']}>
          {info}
        </div>
      </div>
    );
  }
}

export default MatchInfoItem;