Add modifier to branding component

2017-04-03 16:57:15 +02:00
parent 6c2efdd724
commit 37d9233e67
1 changed files with 3 additions and 2 deletions
--- a/js/components/Branding.js
+++ b/js/components/Branding.js
@@ -1,8 +1,9 @@
 import React from 'react';
+import classNames from 'classnames';

-export default function Branding({ logoContent, children }) {
+export default function Branding({ logoContent, modifier, children }) {
  return (
-    <div className="branding">
+    <div className={classNames('branding', { [`branding--${modifier}`]: modifier })}>
      <div className="branding__logo">
        {logoContent}
      </div>