/**
 * @file spacer.js
 */
import Component from '../../component.js' ;

/**
 * Il s'agit simplement d'un élément d'espacement vide qui peut être utilisé comme point d'ajout pour les plugins, etc.
 * Il peut également être utilisé pour créer de l'espace entre les éléments lorsque cela est nécessaire.
 *
 * @extends Component
 */
class Spacer extends Component {

  /**
  * Construit le DOM par défaut `className`.
  *
  * @return {string}
  *         Le `nom de classe` du DOM pour cet objet.
  */
  buildCSSClass() {
    return `vjs-spacer ${super.buildCSSClass()}` ;
  }

  /**
   * Créer l'élément DOM du `Composant`
   *
   * @return {Element}
   *         L'élément qui a été créé.
   */
  createEl(tag = 'div', props = {}, attributes = {}) {
    if (!props.className) {
      props.className = this.buildCSSClass() ;
    }

    return super.createEl(tag, props, attributes) ;
  }
}

Component.registerComponent('Spacer', Spacer) ;

exporter l'espacement par défaut ;