/**
 * Popover Component for SaltUI
 * @author wenzhao.fw
 *
 * Copyright 2018-2019, SaltUI Team.
 * All rights reserved.
 */
import React from 'react';
import PropTypes from 'prop-types';
import Tooltip from 'rc-tooltip';
import Context from '../Context';
import placements from './placements';

class Popover extends React.Component {
  static propTypes = {
    overlayClassName: PropTypes.string,
    placement: PropTypes.string,
    trigger: PropTypes.array,
  };

  static defaultProps = {
    overlayClassName: '',
    placement: 'bottomRight',
    trigger: ['click'],
  };

  static displayName = 'Popover';

  render() {
    const t = this;
    const prefixCls = Context.prefixClass('popover');
    const defaultAlign = placements[t.props.placement];
    return (
      <Tooltip
        prefixCls={prefixCls}
        align={defaultAlign}
        {...t.props}
      />
    );
  }
}

export default Popover;