23 lines
532 B
TypeScript
23 lines
532 B
TypeScript
// app/components/SocialIcon.tsx
|
|
|
|
import React from 'react';
|
|
|
|
interface SocialIconProps {
|
|
href: string;
|
|
title: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export default function SocialIcon({ href, title, children }: SocialIconProps) {
|
|
return (
|
|
<a
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
title={title}
|
|
href={href}
|
|
className="transition-all duration-300 hover:scale-110 active:scale-90 hover:brightness-110"
|
|
>
|
|
{children}
|
|
</a>
|
|
);
|
|
} |