From adb80bcd2bb028bda923e1fbf99b4d849132b9da Mon Sep 17 00:00:00 2001
From: Nick Van Doorn <vandoorn.nick@gmail.com>
Date: Wed, 20 Mar 2019 04:09:54 -0700
Subject: Inject cssProp into FontAwesome component

---
 src/components/font-awesome.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/font-awesome.js b/src/components/font-awesome.js
index 6dc9e17..b8aec1e 100644
--- a/src/components/font-awesome.js
+++ b/src/components/font-awesome.js
@@ -3,7 +3,7 @@ import { css } from '@emotion/core'
 
 const DEFAULT_SIZE = '20px'
 
-export const FontAwesome = ({ icon: outerIcon, size, fill }) => {
+export const FontAwesome = ({ icon: outerIcon, size, fill, cssProp }) => {
   const svgStyle = css`
     width: ${size || DEFAULT_SIZE};
     height: ${size || DEFAULT_SIZE};
@@ -15,7 +15,7 @@ export const FontAwesome = ({ icon: outerIcon, size, fill }) => {
   `
   const { icon, iconName } = outerIcon
   return (
-    <svg css={svgStyle} viewBox={`0 0 ${icon[1]} ${icon[1]}`}>
+    <svg css={[svgStyle, cssProp]} viewBox={`0 0 ${icon[1]} ${icon[1]}`}>
       <path d={icon[4]} />
       <desc>{iconName}</desc>
     </svg>
-- 
cgit v1.2.3