import Link from 'next/link'
import { Icon, IconName } from '@/components/common/icon'

export function SocialLink({
	caption,
	icon,
	href,
}: {
	caption: string
	icon: IconName
	href: string
}) {
	return (
		<Link href={href} target="_blank" rel="noreferrer">
			<span className="sr-only">{caption}</span>
			<Icon icon={icon} className="h-4" />
		</Link>
	)
}