text: import kind from '@enact/core/kind';
  import PropTypes from 'prop-types';
  import React from 'react';
  
  import CountryButton from './CountryButton';
  
  const Nav = kind({
  	name: 'Nav',
  
  	propTypes: {
  		countries: PropTypes.array.isRequired,
  		onCountryChange: PropTypes.func.isRequired
  	},
  
  	render: ({countries, onCountryChange}) => (
  		<React.Fragment>
  			{countries.map((country, index) => (
  				<CountryButton
  					key={'countryButton' + index}
  					onCountryChange={onCountryChange}
  					country={country}
  				/>
  			))}
  		</React.Fragment>
  	)
  });
  
  export default Nav;
  