portfolio/components/SocialLink.tsx

17 lines
490 B
TypeScript

import Link from 'next/link'
import {ElementType} from 'react'
type SocialLink = {
href: string
ariaLabel: string
icon: ElementType
}
export function SocialLink({icon: Icon, href, ariaLabel}: SocialLink) {
return (
<Link className="group -m-1 p-1" href={href} aria-label={ariaLabel}>
<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>
)
}