summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorNick Van Doorn <vandoorn.nick@gmail.com>2019-03-20 04:09:54 -0700
committerNick Van Doorn <vandoorn.nick@gmail.com>2019-03-20 04:09:54 -0700
commitadb80bcd2bb028bda923e1fbf99b4d849132b9da (patch)
treea5e4029b617c29905bcd1d98168a83173b4f2ed0 /src
parenteba9395efb3c2eb85b6a0d241100310824ffbd11 (diff)
Inject cssProp into FontAwesome component
Diffstat (limited to 'src')
-rw-r--r--src/components/font-awesome.js4
1 files changed, 2 insertions, 2 deletions
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>