portfolio/components/SocialLink.tsx

16 lines
434 B
TypeScript
Raw Normal View History

2023-01-21 22:59:27 +00:00
import Link from 'next/link'
import {ElementType} from 'react'
type SocialLink = {
href: string
icon: ElementType
}
export function SocialLink({icon: Icon, href}: SocialLink) {
return (
<Link className="group -m-1 p-1" href={href}>
<Icon
className="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300"/>
</Link>
)
}