// 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>
    );
}