/**
 * @file custom-control-spacer.js
 */
import Spacer from './spacer.js' ;
import Component from '../../component.js' ;

/**
 * Espace spécifiquement conçu pour être utilisé comme point d'insertion pour de nouveaux plugins, etc.
 *
 * @extends Spacer
 */
class CustomControlSpacer extends Spacer {

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

  /**
   * Créer l'élément DOM du `Composant`
   *
   * @return {Element}
   *         L'élément qui a été créé.
   */
  createEl() {
    return super.createEl('div', {
      className : this.buildCSSClass(),
      // Le mode "No-flex/table-cell" exige qu'il y ait du contenu
      // dans la cellule pour remplir l'espace restant du tableau.
      textContent : '\u00a0'
    }) ;
  }
}

Component.registerComponent('CustomControlSpacer', CustomControlSpacer) ;
export default CustomControlSpacer ;