import { Quote } from "lucide-react";

type ITestimonialCardProps = {
  name: string;
  organisation: string;
  comment: string;
};

const TestimonialCard = ({
  name,
  organisation,
  comment,
}: ITestimonialCardProps) => {
  return (
    <div className="flex flex-col bg-white rounded-lg border-2 border-red-700 p-6">
      <div className="flex justify-center items-center">
        <div className="flex-grow">
          <p className="font-medium text-red-700">{name}</p>
          <p className="text-sm font-medium">{organisation}</p>
        </div>
        <Quote className="text-3xl text-red-700"/>
      </div>
      <div className="flex-grow overflow-hidden">    
        <p className="text-sm mt-6">{comment}</p>
      </div>
    </div>
  );
};

export { TestimonialCard };
