diff options
| author | Nick Van Doorn <vandoorn.nick@gmail.com> | 2019-03-20 04:09:54 -0700 |
|---|---|---|
| committer | Nick Van Doorn <vandoorn.nick@gmail.com> | 2019-03-20 04:09:54 -0700 |
| commit | adb80bcd2bb028bda923e1fbf99b4d849132b9da (patch) | |
| tree | a5e4029b617c29905bcd1d98168a83173b4f2ed0 | |
| parent | eba9395efb3c2eb85b6a0d241100310824ffbd11 (diff) | |
Inject cssProp into FontAwesome component
| -rw-r--r-- | src/components/font-awesome.js | 4 |
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> |