import React from 'react'
import { IMAGE_BASE_URL } from '../../api/config';

interface TeamCardProps {
    name: string;
    position: string;
    image: string;
}

const TeamCard: React.FC<TeamCardProps> = ({ name, position, image }) => {
    console.log(image);
    
    return (
        <div className='team_card'>
            <div className='card_image'>
                <img src={image} alt={`${name}`} />
            </div>
            <div className='card_info'>
                <h3>{name}</h3>
                <p>{position}</p>
            </div>
        </div>
    );
}

export default TeamCard;