import { IfActive } from "../../../../application/index.js";
import ResultsTable from "../../../ResultsTable/index.js";
import classnames from 'classnames';
import classes from './styles.module.scss';
import ResultsHeader from './ResultsHeader';
const Header = function Header(props) {
  const {
    isAllParty
  } = props;
  return <div className={classnames(classes.container, {
    [classes['is-all-party']]: isAllParty
  })}>
      <span>District</span>
      <IfActive active={!isAllParty}>
        <span>Party</span>
      </IfActive>

      <div className={classes['lb-header']}>
        <ResultsTable.Context>
          <ResultsHeader />
        </ResultsTable.Context>
      </div>
    </div>;
};
export default Header;