import React from "react";
import { FaUserCircle } from "react-icons/fa";
import { NavLink } from "react-router-dom"; // Import NavLink for navigation
import "./Navbar.css"; // Navbar-specific styles

const Navbar = () => {
  return (
    <header className="navbar mb-10">
      <div className="navbar-container">
        <FaUserCircle className="user-icon" />
        <div className="button-container">
          <NavLink to="/consolidated" className="consolidated-button">
            Faculty Form
          </NavLink>
          <NavLink to="/course-form" className="course-form-button">
            Course Form
          </NavLink>
        </div>
        <div>
          
        </div>
      </div>
    </header>
  );
};

export default Navbar;