import Ember from 'ember';
import layout from '../templates/components/bs-popover-element';

const {
  computed
} = Ember;

/**
 Internal component for popover's markup. Should not be used directly.

 @class PopoverElement
 @namespace Components
 @extends Ember.Component
 @private
 */
export default Ember.Component.extend({
  layout,

  classNames: ['popover'],
  classNameBindings: ['placement', 'in', 'fade'],
  ariaRole: 'tooltip',

  /**
   * @property placement
   * @type string
   * @default 'top'
   * @public
   */
  placement: 'top',

  /**
   * @property fade
   * @type boolean
   * @default true
   * @public
   */
  fade: true,

  /**
   * @property in
   * @type boolean
   * @default false
   * @public
   */
  in: false,

  /**
   * @property title
   * @type string
   * @public
   */
  title: undefined,

  /**
   * @property hasTitle
   * @type boolean
   * @private
   */
  hasTitle: computed.notEmpty('title')
});