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">
      <div className="navbar-container">
        <NavLink to="/Welcom">
          <FaUserCircle className="user-icon" />
            Appointment To Examiner
        </NavLink>
        <div className="button-container">
          <NavLink to="/consolidated" className="consolidated-button">
            Faculty Consolidated
          </NavLink>
          <NavLink to="/courseConsolidated" className="consolidated-button">
            Course Consolidated
          </NavLink>
        </div>
        <div></div>
      </div>
    </header>
  );
};

export default Navbar;
