  import Link from './link'
  import Icon from './icon'
  import { github } from './util'
  import { ReactComponent as Logo } from '../images/logo.svg'
  import classes from '../styles/navigation.module.sass'
  
 
</s> remove import { navigate } from 'gatsby'
 </s> add  </s> remove const Dropdown = ({ items, section }) => {
 </s> add const NavigationDropdown = ({ items, section }) => { </s> remove         </select>
 </s> add         </Dropdown> </s> remove                 <Dropdown items={items} section={section} />
 </s> add                 <NavigationDropdown items={items} section={section} /> </s> remove         <select
            defaultValue={defaultValue}
            className={classes.dropdown}
            onChange={({ target }) => navigate(target.value)}
        >
 </s> add         <Dropdown defaultValue={defaultValue} className={classes.dropdown}>
import Dropdown from './dropdown'
  import Link from './link'
  import Icon from './icon'
import Dropdown from './dropdown'
  import { github } from './util'
  import { ReactComponent as Logo } from '../images/logo.svg'
  import classes from '../styles/navigation.module.sass'
  
keep add keep keep keep keep
 Move Dropdown to own component 
website/src/components/navigation.js