import Image from "next/image";
import { FC } from "react";

export interface Review {
  name: string;
  imageSrc: string;
  role: string;
  quote: string;
  rating: number;
}

const ReviewSlide: FC<{ review: Review }> = ({ review }) => {
  return (
    <div className="min-w-0 flex-[0_0_100%] md:flex-[0_0_25%] p-4">
      <div className="border border-primary rounded-lg h-full overflow-hidden">
        <div className="p-4">
          <Image
            height={500}
            width={500}
            src={review.imageSrc}
            alt={`${review.name}`}
            className="w-full h-auto rounded-lg"
          />
        </div>
        <div className="pb-4 px-4">
          <p className="text-base">{review.quote}</p>
        </div>
      </div>
    </div>
  );
};

export default ReviewSlide;