import cx from "../../../../utils/css/cx.js";
import SpecialElection from './SpecialElection';
import classes from './styles.module.scss';
const cls = cx.merge(classes);
const SpecialElections = function SpecialElections(props) {
  const {
    elections,
    colors,
    contestLevel,
    tooltip,
    isZoomed,
    zoomable,
    layout
  } = props;
  return <div className={cls('specials', layout, {
    isZoomed,
    zoomable
  })}>
      {elections.map(election => <SpecialElection key={election.contestId} election={election} colors={colors} contestLevel={contestLevel} tooltip={tooltip} />)}
    </div>;
};
export default SpecialElections;