import { Component } from "react";
import Aos from "aos";
import "aos/dist/aos.css";
import { BrowserRouter, Route, Link, Switch } from "react-router-dom";

class NavBar extends Component {
  state = {};

  componentDidMount() {
    Aos.init({ duration: 2000 });
  }

  render() {
    return (
      <nav>
        <h1 className="logo">
          <i class="fas fa-archive"></i>Loan App
        </h1>

        <ul>
          <li>
            <Link to="/">
              <i className="fas fa-home"></i> Dashboard
            </Link>
          </li>

          <li>
            <Link to="/create-loan">
              <i className="fas fa-plus-square"></i> Create New Loan
            </Link>
          </li>

          <li>
            <Link to="/loan-graph">
              <i className="fas fa-chart-bar"></i> Loan Graph
            </Link>
          </li>

          <li>
            <Link to="/settings">
              <i className="fas fa-cogs"></i> Settings
            </Link>
          </li>

          <Link to="/help-n-support" className="help">
            <i className="fas fa-question-circle"></i> Help & Support
          </Link>
        </ul>
      </nav>
    );
  }
}

export default NavBar;