  import { github } from './util'
  import { ReactComponent as Logo } from '../images/logo.svg'
  import classes from '../styles/navigation.module.sass'
  
  const Dropdown = ({ items, section }) => {
      const active = items.find(({ text }) => text.toLowerCase() === section)
      const defaultValue = active ? active.url : 'title'
      return (
          <select
              defaultValue={defaultValue}
 
</s> remove         <select
            defaultValue={defaultValue}
            className={classes.dropdown}
            onChange={({ target }) => navigate(target.value)}
        >
 </s> add         <Dropdown defaultValue={defaultValue} className={classes.dropdown}> </s> remove import { navigate } from 'gatsby'
 </s> add  </s> remove         </select>
 </s> add         </Dropdown> </s> remove                 <Dropdown items={items} section={section} />
 </s> add                 <NavigationDropdown items={items} section={section} />
const NavigationDropdown = ({ items, section }) => {
  import { github } from './util'
  import { ReactComponent as Logo } from '../images/logo.svg'
  import classes from '../styles/navigation.module.sass'
  
const NavigationDropdown = ({ items, section }) => {
      const active = items.find(({ text }) => text.toLowerCase() === section)
      const defaultValue = active ? active.url : 'title'
      return (
          <select
              defaultValue={defaultValue}
keep keep keep keep replace keep keep keep keep keep
 Move Dropdown to own component 
website/src/components/navigation.js