Add HeaderBar.Style

1 files changed, 18 insertions, 2 deletions

diff --git a/app/components/HeaderBar.js b/app/components/HeaderBar.js
index ead97877ff..a8bf99229d 100644
--- a/app/components/HeaderBar.js
+++ b/app/components/HeaderBar.js
@@ -1,9 +1,25 @@
-import React, { Component } from 'react';
+import React, { Component, PropTypes } from 'react';
+import Enum from '../lib/enum';
 
 export default class HeaderBar extends Component {
+
+  /** Bar style */
+  static Style = Enum('default', 'error');
+
+  static propTypes = {
+    style: PropTypes.string
+  };
+
   render() {
+    const style = this.props.style;
+    let containerClass = ['headerbar'];
+
+    if(HeaderBar.Style.isValid(style)) {
+      containerClass.push(`header--style-${style}`);
+    }
+
     return (
-      <div className="headerbar">
+      <div className={ containerClass.join(' ') }>
         <img className="headerbar__logo" src="./assets/images/logo-icon.svg" />
         <h2 className="headerbar__title">MULLVAD VPN</h2>
       </div>