{"size": 1401, "ext": "js", "max_stars_repo_path": "client/src/components/Navigation/index.js", "max_stars_repo_name": "summerhealey/eloof-project", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/Navigation/index.js", "max_issues_repo_name": "summerhealey/eloof-project", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/components/Navigation/index.js", "max_forks_repo_name": "summerhealey/eloof-project", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 28.02, "max_line_length": 110, "alphanum_fraction": 0.4896502498}
import React, { Component } from 'react'
import {
  Button,
  Container,
  Menu,
} from 'semantic-ui-react'
import { Link } from "react-router-dom";


/* Heads up!
 * Neither Semantic UI nor Semantic UI React offer a responsive navbar, however, it can be implemented easily.
 * It can be more complicated, but you can create really flexible markup.
 */
class DesktopContainer extends Component {
  
  render() {
    
    return (
    
            <Menu
              pointing
              secondary
              size='large'
            >
              <Container>
                <Menu.Item text='red' as={ Link } to='/' active>
                  Home
                </Menu.Item>
                <Menu.Item color='red' as={ Link } to='/profile' >Profile</Menu.Item>
                <Menu.Item color='red' as={ Link } to='/wishbook'>Wishbook</Menu.Item>
                <Menu.Item as={ Link } to='/'>Ask-A-Elf</Menu.Item>
                <Menu.Item position='right'>
                    <Button as={ Link } to='/login'>
                        Log in
                    </Button>
                    <Button as={ Link } to='/register' style={{ marginLeft: '0.5em' }}>
                        Sign Up
                    </Button>
                </Menu.Item>
              </Container>
            </Menu>
    )
  }
}

const Navigation = () => (
  <DesktopContainer />
)

export default Navigation