import { h, Component } from 'preact';

import PopupContainer from '../popup-container/popup-container';

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

export default class PopupPrompt extends Component<{
  title?: string;
  contentTitle?: string;
  content?: string;
  cancelText?: string;
  confirmText?: string;
  onClickClose?: () => void;
  onClickCancel?: () => void;
  onClickConfirm?: () => void;
}, any> {
  render() {
    const { children, content, title, contentTitle, onClickClose, cancelText, confirmText, onClickConfirm, onClickCancel } = this.props;
    return (
      <PopupContainer
        size='small'
        title={title}
        cancelText={cancelText}
        confirmText={confirmText}
        onClickClose={onClickClose}
        onClickConfirm={onClickConfirm}
        onClickCancel={onClickCancel}
      >
        <div className={styles['prompt-content']}>
          <div className={styles['prompt-text']}>
            {contentTitle && (
            <text className={styles['prompt-title']}>
              {contentTitle}
            </text>
            )}
            <text className={styles['prompt-text2']}>
              {content ? content : (
                <div>
                  {children}
                </div>
              )}
            </text>
          </div>
        </div>
      </PopupContainer>
    );
  }
}