import { Link } from "react-router";

export default function Navbar() {
  return (
    <div className="flex w-full justify-between">
      <div className="flex-col w-fit ml-6 mb-8">
        <div className="flex items-baseline py-2 pb-0 mb-1 px-5 my-1 mx-3 pl-0 ml-1 transition delay-150 duration-200">
          <h1 className="text-3xl pr-5">anum</h1>
          <a className="pr-2 text-[#74c7ec] hover:text-[#89dceb] hover:text-shadow-lg/10 hover:text-shadow-[#89dceb] transition duration-100" href="/">feed</a>
          <a className="pr-2 text-[#74c7ec] hover:text-[#89dceb] hover:text-shadow-lg/10 hover:text-shadow-[#89dceb] transition duration-100" href="/create">create</a>
        </div>
        <hr />
      </div>
      <Link to="/login" className="h-fit px-4 py-2 m-4 bg-[#eeeeee] text-black font-black rounded-2xl hover:scale-125 transition-all duration-400 ease-in-out shadow-2xl">Login</Link>
    </div>
  )
}