/* eslint-disable @next/next/no-img-element */

type FMDVerticalStackCardProps = {
  className?: string;
};

const FMDVerticalStackCard = ({ className = "" }: FMDVerticalStackCardProps) => {
  return (
    <div className={`bg-[#FAFAFA] w-[300px] md:w-[450px] inline-flex items-center gap-x-5 p-4 md:p-6 rounded-lg shadow-lg even:lg:ml-20 ${className}`}>
      <img
        src="/images/fmd/icons/salary.svg"
        alt="salary"
        className="w-5 h-6 md:w-9 md:h-9"
      />
      <p className="font-creato font-normal text-sm md:text-2xl">
        Festival bonus for support staff
      </p>
    </div>
  );
};

export default FMDVerticalStackCard;