/**
 * @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>);