import { observer } from 'mobx-preact';
import { h } from 'preact';

import { $t } from '../locale';
import PMGButton from '../pmg-button/pmg-button';

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

interface PMGTransferProps {
  onClickBtn?: () => void;
}

const PMGTransfer = observer(({ onClickBtn = () => {} }: PMGTransferProps) => (
  <div className={styles['pmg-transfer-container']}>
    <div className={styles['pmg-transfer-icon']}></div>
    <text className={styles['pmg-transfer-text']}>{$t('请点击按钮前往游戏参与')}</text>
    <div className={styles['pmg-transfer-btn']}>
      <PMGButton
        type="primary"
        size="medium"
        text={$t('点击前往游戏')}
        onClick={onClickBtn}
      />
    </div>
  </div>
));

export default PMGTransfer;