export default () => ( <div {...styles.container}> <div onClick={() => setLocale(locales[getLocale()].value)} {...styles.button} {...select(':hover + div', { display: 'block' })}> <span {...styles.name}>{locales[getLocale()].name}</span> <span {...styles.arrowDown} /> </div> <div {...styles.content}> {Object.keys(locales).filter(l => getLocale() !== l).map(l => ( <span onClick={() => setLocale(locales[l].value)}>{locales[l].name}</span> ))} </div> </div> )
{Object.keys(locales).filter(l => getLocale() !== l).map(l => (
<div onClick={() => setLocale(locales[getLocale()].value)} {...styles.button} {...select(':hover + div', { display: 'block' })}>