diff options
Diffstat (limited to 'src/components/ui/FeatureItem.js')
-rw-r--r-- | src/components/ui/FeatureItem.js | 38 |
1 files changed, 0 insertions, 38 deletions
diff --git a/src/components/ui/FeatureItem.js b/src/components/ui/FeatureItem.js deleted file mode 100644 index 646cf56ca..000000000 --- a/src/components/ui/FeatureItem.js +++ /dev/null | |||
@@ -1,38 +0,0 @@ | |||
1 | import React from 'react'; | ||
2 | import injectSheet from 'react-jss'; | ||
3 | import { Icon } from '@meetfranz/ui'; | ||
4 | import classnames from 'classnames'; | ||
5 | import { mdiCheckCircle } from '@mdi/js'; | ||
6 | |||
7 | const styles = (theme) => ({ | ||
8 | featureItem: { | ||
9 | borderBottom: [1, 'solid', theme.defaultContentBorder], | ||
10 | padding: [8, 0], | ||
11 | display: 'flex', | ||
12 | alignItems: 'center', | ||
13 | textAlign: 'left', | ||
14 | }, | ||
15 | featureIcon: { | ||
16 | fill: theme.brandSuccess, | ||
17 | marginRight: 10, | ||
18 | }, | ||
19 | }); | ||
20 | |||
21 | export const FeatureItem = injectSheet(styles)(({ | ||
22 | classes, className, name, icon, | ||
23 | }) => ( | ||
24 | <li className={classnames({ | ||
25 | [classes.featureItem]: true, | ||
26 | [className]: className, | ||
27 | })} | ||
28 | > | ||
29 | {icon ? ( | ||
30 | <span className={classes.featureIcon}>{icon}</span> | ||
31 | ) : ( | ||
32 | <Icon icon={mdiCheckCircle} className={classes.featureIcon} size={1.5} /> | ||
33 | )} | ||
34 | {name} | ||
35 | </li> | ||
36 | )); | ||
37 | |||
38 | export default FeatureItem; | ||