@findify/react-components
Version:
Findify react UI components
13 lines (12 loc) • 628 B
JSX
/**
* @module components/ColorFacet
*/
import Content from 'components/ColorFacet/content';
import Icon from 'components/Icon';
import cx from 'classnames';
const Item = ({ item, theme, config, isMobile }) => (<button role="checkbox" aria-checked={item.get('selected') ? 'true' : 'false'} tabIndex={0} className={cx(theme.item, item.get('selected') && theme.active)} onClick={item.toggle}>
<Content item={item} config={config} theme={theme} isMobile={isMobile}>
<Icon display-if={item.get('selected')} name="CheckmarkDark" className={theme.check} title="Selected"/>
</Content>
</button>);
export default Item;