/**
 * @module components/RatingFacet
 */
import MapArray from 'components/common/MapArray';
import Item from 'components/RatingFacet/Item';
import styles from 'components/RatingFacet/styles.css';
export default ({ theme = styles, facet, config, hidden, }) => {
    return (<div className={theme.root} id={`facet-${facet.get('name')}`} role="region" hidden={hidden}>
      <MapArray display-if={config.get('pullSelected')} factory={Item} config={config} theme={theme} array={config.get('pullSelected')
        ? facet.get('values').filter((i) => i.get('selected'))
        : facet.get('values')}/>

      <MapArray factory={Item} config={config} theme={theme} array={config.get('pullSelected')
        ? facet.get('values').filter((i) => !i.get('selected'))
        : facet.get('values')}/>
    </div>);
};