text: import React from 'react';
  import classNames from 'classnames';
  import { Icon } from 'antd-mobile';
  import styles from './index.less';
  
  export default function Result({
    className, type, title, description, extra, actions, ...restProps
  }) {
    const iconMap = {
      error: <Icon className={styles.error} type="cross-circle-o" />,
      success: <Icon className={styles.success} type="check-circle" />,
    };
    const clsString = classNames(styles.result, className);
    return (
      <div className={clsString} {...restProps}>
        <div className={styles.result_content}>
          <div className={styles.icon}>{iconMap[type]}</div>
          <div className={styles.title}>{title}</div>
          {description && <div className={styles.description}>{description}</div>}
          {extra && <div className={styles.extra}>{extra}</div>}
          {actions && <div className={styles.actions}>{actions}</div>}
        </div>
      </div>
    );
  }
  