mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-11-05 13:01:30 +01:00
23 lines
569 B
TypeScript
23 lines
569 B
TypeScript
interface SocialMediaItemProps extends React.PropsWithChildren {
|
|
link: string
|
|
ariaLabel: string
|
|
}
|
|
|
|
export const SocialMediaItem = (props: SocialMediaItemProps): JSX.Element => {
|
|
const { link, ariaLabel, children } = props
|
|
|
|
return (
|
|
<li className="mx-4 my-1 inline-block">
|
|
<a
|
|
href={link}
|
|
aria-label={ariaLabel}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="relative inline-block bg-transparent transition-all duration-300 ease-in-out hover:scale-110"
|
|
>
|
|
{children}
|
|
</a>
|
|
</li>
|
|
)
|
|
}
|