import style from './index.less';
import closeIcon from "../../images/close-icon.png";
/**
* author:Liucf@2019-05-15
* 小弹窗，没有蒙层，例如计算公式结果
* title:弹窗标题
* icon:标题旁边的icon,不传不显示
* children:弹窗内容
* show:弹窗显示
* footer:是否显示底部“确定”按钮，默认不显示
* confirmText:确认按钮文字
* close:关闭弹窗事件
* confirm:确定事件
* 使用时，父元素需要加相对定位position: relative;
**/
const MiniToast = (props) => {
  const {show,title,icon,children,footer,close,confirm,confirmText} = props;
  if(show){
    return <div className={style["infoBox"]}>
            <p className={style["infoTitle"]}>
              {icon?<img src={icon} />:''}
              {title}
              <img src={closeIcon} onClick={close} className={style["closeIcon"]}/>
            </p>
            <div className={style["infoCon"]}>{children}</div>
            {footer?<div className={style["infoFoot"]}>
                      <span onClick={confirm}>{confirmText?confirmText:'确定'}</span>
                    </div>:''}
          </div>
  }
  return ''
}

export default MiniToast;
