
import React from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Quote } from "lucide-react";

interface TestimonialCardProps {
  name: string;
  role: string;
  company: string;
  quote: string;
  imageUrl?: string;
}

const TestimonialCard = ({
  name,
  role,
  company,
  quote,
  imageUrl = "/lovable-uploads/7b7fcb9f-1e35-4c46-9d62-4b80f866a56e.png",
}: TestimonialCardProps) => {
  return (
    <Card className="h-full flex flex-col">
      <CardContent className="pt-6 flex-grow flex flex-col">
        <Quote className="h-8 w-8 text-primary-400 mb-4" />
        <p className="text-gray-700 mb-6 flex-grow">{quote}</p>
        
        <div className="flex items-center">
          <div className="h-12 w-12 rounded-full overflow-hidden mr-4">
            <img
              src={imageUrl}
              alt={name}
              className="h-full w-full object-cover"
            />
          </div>
          <div>
            <p className="font-medium text-gray-900">{name}</p>
            <p className="text-sm text-gray-600">{role}, {company}</p>
          </div>
        </div>
      </CardContent>
    </Card>
  );
};

export default TestimonialCard;
