/**
 * imui.Popconfirm
 * @author shirlyzhang
 * @date 2016-08-18
 */
import React from 'react';
import classnames from 'classnames';

export default class Popconfirm extends React.PureComponent {

  render() {
    const {
      visible, title, content, button, zIndex, className,
      placement, maxWidth
    } = this.props;

    const styleObj = {
      zIndex: zIndex + 1,
      maxWidth: `${maxWidth}px`
    };

    return visible ? (
      <div
        className={classnames('im-popconfirm', className, `im-popconfirm-${placement.toLowerCase()}`)}
        style={styleObj}
      >
        <div className="im-popconfirm-arrow"></div>
        <div className="im-popconfirm-wrap">
          {title ? <div className="im-popconfirm-title">{title}</div> : null}
          <div className="im-popconfirm-content">{content}</div>
          {button ? <div className="im-popconfirm-ft">{button}</div> : null}
        </div>
      </div>
    ) : null;
  }
}