{"size": 1238, "ext": "js", "max_stars_repo_path": "src/components/header/header.js", "max_stars_repo_name": "laith-401-advanced-javascript/todo", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/header/header.js", "max_issues_repo_name": "laith-401-advanced-javascript/todo", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/header/header.js", "max_forks_repo_name": "laith-401-advanced-javascript/todo", "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": 23.358490566, "max_line_length": 64, "alphanum_fraction": 0.4176090468}
/* eslint-disable no-unused-vars */
import React, { useEffect, useState }  from 'react';
import { Link, NavLink } from 'react-router-dom';
import { Nav , Form , Button } from 'react-bootstrap';
import { If, Then, Else } from '../if/if';

import './header.scss';

const Header = (props) => {

  return (
      <Nav className="navHeader">

          <Link to="/">Home</Link>
          
        <Nav.Item>
          {/* <Form >
            <Form.Label>
              <Form.Control
              id="name"
                name="text"
                placeholder="username"
              />
            </Form.Label>

            <Form.Label>
              <Form.Control
              id="pass"
                name="password"
                placeholder="password"
                type="password"
              />
            </Form.Label>
            <If >
              <Then>
                <Button  variant="primary">sign up</Button>{' '}
              </Then>
              <Else>
                <Button variant="primary">log in</Button>{' '}
              </Else>
            </If>
            </Form> */}
          </Nav.Item>
          <div>
          {props.SignForm}
        </div>
        </Nav>
  );
};


export default Header;
