extends ./master.pug

block main
	h2.d-flex.justify-content-between
		span= data.name + ', ' + data.state
		a.align-self-center(href=("/countries/" + data.countrySafeName + "-" + data.stateSafeName + ".html") style="font-size: 50%")
			| ◀ #{data.state}

	+heroChart

	mixin renderItemName(item)
		= item.name

	+dataTable([ data ], 'County', 'county')