{"size": 753, "ext": "js", "max_stars_repo_path": "frontend/src/components/NavBar/NavBar.js", "max_stars_repo_name": "KrystalY/reddit-short-videos", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "frontend/src/components/NavBar/NavBar.js", "max_issues_repo_name": "KrystalY/reddit-short-videos", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "frontend/src/components/NavBar/NavBar.js", "max_forks_repo_name": "KrystalY/reddit-short-videos", "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": 20.3513513514, "max_line_length": 61, "alphanum_fraction": 0.5405046481}
import React, { useState } from 'react';
import { Drawer, Button, Icon } from 'antd';
import './Sections/Navbar.css';

function NavBar() {
  const [visible, setVisible] = useState(false);

  const showDrawer = () => {
    setVisible(true);
  };

  const onClose = () => {
    setVisible(false);
  };

  return (
    <nav
      className="menu"
      style={{ position: 'fixed', zIndex: 5, width: '100%' }}
    >
      <div className="menu__logo">
        <a href="/">Logo</a>
      </div>
      <div className="menu__container">
        <div className="menu_left">
          <input type="text" />
        </div>
        <div className="menu_rigth">
          <Button>Log in</Button>
        </div>
      </div>
    </nav>
  );
}

export default NavBar;
