import React from 'react';
import Link from 'next/link';
import { TeamMemberType } from '@/types';

interface MemberCardProps {
    member: TeamMemberType;
}

const MemberCard: React.FC<MemberCardProps> = ({ member }) => {
    return (
        <div className="team-author-boxarea">
            <div className="img1 image-anime">
                <img src={member.image} alt={member.name} />
            </div>
            <div className="content-area">
                <div className="text">
                    <Link href="/our-team">{member.name}</Link>
                    <div className="space8"></div>
                    <p>{member.role}</p>
                </div>
                <div className="icons">
                    <a href="#"><img src="/assets/img/icons/share1.svg" alt="" /></a>
                </div>
            </div>
            <ul>
                <li><a href="#"><i className="fa-brands fa-facebook-f"></i></a></li>
                <li><a href="#"><i className="fa-brands fa-instagram"></i></a></li>
                <li><a href="#"><i className="fa-brands fa-youtube"></i></a></li>
                <li><a href="#"><i className="fa-brands fa-linkedin-in"></i></a></li>
            </ul>
        </div>
    );
};

export default MemberCard;
