HeaderItem.js
458 Bytes
import Link from "next/link"
function HeaderItem({ Icon, title, link }) {
return (
<Link href={link}>
<div className="flex flex-col items-center cursor-pointer group w-12 sm:w-20 hover:text-black">
<Icon className="h-8 mb-1 group-hover:animate-bounce" />
<p className="opacity-0 group-hover:opacity-100 tracking-widest">{title}</p>
</div>
</Link>
)
}
export default HeaderItem