/* eslint-disable max-len */
import classNames from 'classnames'
import React, { Component } from 'react'
import PropTypes from 'prop-types'
import urlManager from './../utils/urlManager.js'
import nameUtil from './../utils/nameUtil.js'

const Navigation = ({ domain, locationClass, isHomepage }) => {
	const baseURL = urlManager(domain).base('nav')
	const mayorURL = `${urlManager(domain).base()}/mayor`
	const councilURL = `${urlManager(domain).base()}/boston/city-council`
	const mainClass = classNames('g-nav', locationClass)
	const p1 = `?p1=BG_election_nav_${isHomepage ? 'hp_':''}`

	return (
		<nav className={mainClass} key='nav'>
			<ul className='g-nav__list'>
				<li className='g-nav__item'>
					<a
						className='g-nav__link nav-election benton-bold icon--election'
						href={`${urlManager(domain).base()}${p1}central`}>Election 2017</a>
				</li>
				<li className='g-nav__item'>
					<a
						className='g-nav__link nav-mayor benton-bold icon--mayor'
						href={`${urlManager(domain).base()}/mayor${p1}mayor`}>Mayor Central</a>
				</li>
				<li className='g-nav__item'>
						<a
							className='g-nav__link nav-city-council benton-bold icon--president'
							href={`${urlManager(domain).base()}/boston/city-council${p1}council
`}>Boston City Council</a>
				</li>
				<li className='g-nav__item'>
					<a
						className='g-nav__link nav-mayor-boston benton-bold icon--race'
			</ul>
		</nav>
	)
}

Navigation.propTypes = {
	domain: PropTypes.object,
}

export default Navigation
						href={`${urlManager(domain).base()}/boston/mayor${p1}mayor_boston`}>Boston Mayor</a>
				</li>