From 68061543697a19a2b04d6f4049826beda34e3e5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A1ssio=20Zen?= <cassiozen@gmail.com>
Date: Fri, 8 Jul 2016 07:51:42 -0300
Subject: [PATCH] Accept custom classNames

---
 src/components/UI/card/Card.js | 7 +++----
 src/components/UI/icon/Icon.js | 4 ++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/UI/card/Card.js b/src/components/UI/card/Card.js
index 3d18a584..6ed4d3fd 100644
--- a/src/components/UI/card/Card.js
+++ b/src/components/UI/card/Card.js
@@ -1,7 +1,6 @@
 import React from 'react';
-import styles from './Card.css'
+import styles from './Card.css';
 
-
-export default function Card({style, children}) {
-  return <div className={styles.card} style={style}>{children}</div>
+export default function Card({ style, className = '', children }) {
+  return <div className={`${styles.card} ${className}`} style={style}>{children}</div>;
 }
diff --git a/src/components/UI/icon/Icon.js b/src/components/UI/icon/Icon.js
index 885f9e45..07a56d47 100644
--- a/src/components/UI/icon/Icon.js
+++ b/src/components/UI/icon/Icon.js
@@ -191,8 +191,8 @@ const iconPropType = (props, propName) => {
   }
 };
 
-export default function Icon({ style, type }) {
-  return <span className={`${styles.root} ${styles[type]}`} style={style}/>;
+export default function Icon({ style, className = '', type }) {
+  return <span className={`${styles.root} ${styles[type]} ${className}`} style={style}/>;
 }
 
 Icon.propTypes = {