import type { ClientCardProps } from '@frontend/types/pages/clients';

type ClientCardComponentProps = ClientCardProps & {
    headingTag?: 'h2' | 'h3';
};

export function ClientCard({ image, country, name, description, headingTag = 'h3' }: ClientCardComponentProps) {
    const Heading = headingTag;

    return (
        <div className="card-style05">
            <div className="team-img">
                <img src={image} alt={name} title={name} className="rounded" />
            </div>
            <div className="card-body p-0 mt-3">
                <span>{country ? `/ ${country} /` : ''}</span>
                <Heading className="mb-0 h5">{name}</Heading>
                {description ? <p className="mb-0 mt-2 opacity8">{description}</p> : null}
            </div>
        </div>
    );
}