import classnames from 'classnames';
import CandidateHeader from '../CandidateHeader';
import typography from '../typography.module.scss';
import classes from './styles.module.scss';
import { useResultsTableFormatContext } from '../context';
const UncontestedRow = function UncontestedRow(props) {
  const {
    id,
    candidateId
  } = props;
  const {
    size
  } = useResultsTableFormatContext();
  const text = size === 'small' ? 'Uncont.' : 'Uncontested';
  return <>
      <CandidateHeader id={id} candidateId={candidateId} idx={0} />
      <div role="cell" className={classnames(classes.cell, typography.cellText)}>
        {text}
      </div>
    </>;
};
export default UncontestedRow;