@findify/react-components
Version:
Findify react UI components
17 lines (16 loc) • 772 B
JSX
/**
* @module components/RatingFacet
*/
import content from 'components/RatingFacet/content';
import Button from 'components/Button';
import Text from 'components/Text';
import Icon from 'components/Icon';
export default ({ item, theme, style, config }) => (<Button style={style} className={theme.item} onClick={item.toggle} role="checkbox" aria-checked={item.get('selected') ? 'true' : 'false'} tabIndex={0}>
<Text primary lowercase bold={item.get('selected')}>
<Icon className={theme.checkbox} name={item.get('selected') ? 'CheckboxFilled' : 'CheckboxEmpty'} title={item.get('selected') ? 'Selected' : 'Not selected'}/>
{content({ item, config, theme })}
</Text>
<Text secondary uppercase>
({item.get('count')})
</Text>
</Button>);