import React from 'react';

export const UserImg = ({ url, gender, alt, className }: { url: string, gender: string, alt: string, className?: string }) => {
    const handleImageError = (event: any) => {
        event.target.src = gender === 'F' ? '/images/female.png' : '/images/male.png';
    };

    return (
        <img
            src={url || (gender === 'F' ? '/images/female.png' : '/images/male.png')}
            alt={alt}
            onError={handleImageError}
            className={className}
        />
    );
};

export default UserImg;