import { useVoteContext } from './VoteContext'

export function YourSubmittedBallot(): JSX.Element {
  const { auth, mayor_vote } = useVoteContext().state.encrypted

  return (
    <code style={{ display: 'block', lineBreak: 'anywhere', lineHeight: '16px', padding: '0 6%' }}>
      {`{`} auth: <span style={{ color: '#e67e37', fontWeight: 700 }}>&apos;{auth}&apos;</span>, mayor_vote:{' '}
      {mayor_vote} {`}`}
    </code>
  )
}
