import type { ReactNode } from "react";
import { FaQuoteLeft } from "react-icons/fa";
import { Card, CardContent } from "@/components/ui/card";
import { cn } from "@/lib/utils";

interface TestimonialContentProps {
  text: ReactNode;
  author: ReactNode;
  className?: string;
}

export default async function TestimonialContent({
  text,
  author,
  className,
}: TestimonialContentProps) {
  return (
    <Card
      className={cn("h-[200px] sm:h-[250px] lg:h-fit gap-5 p-0!", className)}
    >
      <CardContent className="px-8 py-6 flex flex-col gap-5">
        <div className="flex justify-end">
          <FaQuoteLeft />
        </div>
        <p className="text-[14px] lg:text-[20px] font-normal">{text}</p>
        <h3 className="text-secondary-light text-[16px] font-bold">{author}</h3>
      </CardContent>
    </Card>
  );
}