import React from "react";
import { Link } from "react-router-dom"

const Navbar = () => {
    return (
        <>
            <div className="w-full h-15 bg-cyan-700 fixed z-100 flex items-center justify-evenly pl-10">
                <p className="italic font-black text-3xl">SFMS</p>

                <div className="w-1/2 h-full flex items-center justify-evenly">
                    <Link to="/dashboard" className="text-lg font-light text-(--bg-main)">Dashboard</Link>
                    <Link to="dashboard/students" className="text-lg font-light text-(--bg-main)">Students</Link>
                    <Link to="/payment" className="text-lg font-light text-(--bg-main)">Payment</Link>
                    <Link to="/report" className="text-lg font-light text-(--bg-main)">Report</Link>
                </div>
            </div>
        </>
    )
}

export default Navbar