1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
import React from 'react';
import injectSheet from 'react-jss';
import { Icon } from '@meetfranz/ui';
import classnames from 'classnames';
import { mdiCheckCircle } from '@mdi/js';
const styles = theme => ({
featureItem: {
borderBottom: [1, 'solid', theme.legacyStyles.themeGrayDark],
padding: [8, 0],
display: 'flex',
alignItems: 'center',
},
featureIcon: {
fill: theme.brandSuccess,
marginRight: 10,
},
});
export const FeatureItem = injectSheet(styles)(({
classes, className, name, icon,
}) => (
<li className={classnames({
[classes.featureItem]: true,
[className]: className,
})}
>
{icon ? (
<span className={classes.featureIcon}>{icon}</span>
) : (
<Icon icon={mdiCheckCircle} className={classes.featureIcon} size={1.5} />
)}
{name}
</li>
));
export default FeatureItem;
|