import { useBop } from "../../../hooks/election/index.js";
import BalanceOfPowerBar from "../BalanceOfPowerBar/index.js";
import NationalToggleMap from "../NationalToggleMap/index.js";
import Title from './Title';
const EmbedNationalMap = function EmbedNationalMap(props) {
  const {
    office,
    collectionId,
    bopId = office,
    contestLevel = office,
    bopProps = {},
    link
  } = props;
  const bop = useBop(bopId);
  return <div>
      <Title office={office} link={link} />
      <BalanceOfPowerBar bop={bop} disableFlips markCenter {...bopProps} />
      <NationalToggleMap collectionId={collectionId} contestLevel={contestLevel} defaultToggleState="geo" layout="embed" disableModuleTitle disableToggle disableZoom />
    </div>;
};
export default EmbedNationalMap;