1 files changed, 41 insertions, 0 deletions
diff --git a/javascript/videojs/src/js/control-bar/spacer-controls/spacer.js b/javascript/videojs/src/js/control-bar/spacer-controls/spacer.js
new file mode 100644
index 0000000..eff67f9
--- /dev/null
+++ b/javascript/videojs/src/js/control-bar/spacer-controls/spacer.js
@@ -0,0 +1,41 @@
+/**
+ * @file spacer.js
+ */
+import Component from '../../component.js';
+
+/**
+ * Just an empty spacer element that can be used as an append point for plugins, etc.
+ * Also can be used to create space between elements when necessary.
+ *
+ * @extends Component
+ */
+class Spacer extends Component {
+
+  /**
+  * Builds the default DOM `className`.
+  *
+  * @return {string}
+  *         The DOM `className` for this object.
+  */
+  buildCSSClass() {
+    return `vjs-spacer ${super.buildCSSClass()}`;
+  }
+
+  /**
+   * Create the `Component`'s DOM element
+   *
+   * @return {Element}
+   *         The element that was created.
+   */
+  createEl(tag = 'div', props = {}, attributes = {}) {
+    if (!props.className) {
+      props.className = this.buildCSSClass();
+    }
+
+    return super.createEl(tag, props, attributes);
+  }
+}
+
+Component.registerComponent('Spacer', Spacer);
+
+export default Spacer;