import { h, Component } from 'preact';

import PopupContainer from '../popup-container/popup-container';

// import Hero from './Hero';
import BaseInfoSingle from './base-info-single';
// import BpInfo from './BpInfo';
import styles from './css/index.less';

export class PopupBattleExplainSingle extends Component<any, any> {
  constructor(props) {
    super(props);
  }
  render() {
    const { onClickClose, battleExplain } = this.props;
    return (
      <PopupContainer
        title="对战说明"
        size="big"
        onClickClose={onClickClose}
      >
        <div className={styles['battle-wrap']}>
          <div className={styles['battle-info']}>
            {/* 基本信息 */}
            {<BaseInfoSingle battleExplain={battleExplain}/>}
          </div>
        </div>
      </PopupContainer>
    );
  }
}