import React from 'react';
import IconFont from '../../themeComponents/IconFont';
import Modal from '../../themeComponents/Modal';

function NoticeModal({ className = '', width = 320, visible, onOk, title, desc, onCancel, confirmText = '确定要删除', confirmTitle = '确认删除', iconType = 'icon-XL_Delete', endMark = '?' }) {
  return (
    <Modal className={className} cancelText={'取消'} okText={'确认'} visible={visible} onOk={onOk} onCancel={onCancel} title={confirmTitle} width={width}>
      <p style={{ textAlign: 'center', padding: '20px 0' }}>
        <IconFont type={iconType} style={{ fontSize: '64px' }} />
      </p>
      <p style={{ textAlign: 'center' }}>
        {confirmText}
        <span className="highlight"> {title}</span> {endMark}
      </p>
      <p style={{ textAlign: 'center', paddingBottom: '20px' }}>{desc}</p>
    </Modal>
  );
}

export default NoticeModal;
