import Image from "next/image";

type AsistenciasMovistarCardProps = {
  imgSrc: string;
  imgAlt: string;
  title: string;
  description: string;
};

const AsistenciasMovistarCard = ({ imgSrc, imgAlt, title, description }: AsistenciasMovistarCardProps) => {
  return (
    <div className="flex gap-4 items-start">
      <Image src={imgSrc} alt={imgAlt} width={40} height={40} className="w-8 md:w-10" />
      <div className="space-y-1 max-w-[26rem]">
        <h3 className="font-bold text-[1.25rem] md:text-[1.5rem]">{title}</h3>
        <p className="md:text-[1.25rem] leading-[1.4]">{description}</p>
      </div>
    </div>
  );
};

export default AsistenciasMovistarCard;