import React from 'react'
import { QuestionCircleOutlined } from '@ant-design/icons';
import styles from './style.module.less'

export default function helpTips(props) {
  const { title, text = [], execute } = props
  return (
    <div className={styles.topContent}>
      <QuestionCircleOutlined className={styles.topIcon} />
      <span className={styles.topTitle}>{title}</span>
      <ul>
        { text.map((item, key) => <li key={key} className={styles.topText}>{item}</li>) }
      </ul>
      <div className={styles.execute}>{ execute }</div>
    </div>
  );
}