import * as React from "react";

interface AnalystQuoteProps {
  quote: string;
  analystName: string;
  analystTitle: string;
  avatarUrl?: string;
}

export function AnalystQuote({
  quote,
  analystName,
  analystTitle,
}: AnalystQuoteProps) {
  return (
    <div className="border border-hairline bg-white/70 p-6 rounded-sm space-y-4">
      <p className="font-sans text-sm text-ink leading-relaxed">
        &ldquo;{quote}&rdquo;
      </p>
      <div className="flex items-center space-x-3 border-t border-hairline pt-3">
        <div>
          <div className="font-sans text-xs font-semibold text-navy">{analystName}</div>
          <div className="font-sans text-[10px] text-muted-foreground">{analystTitle}</div>
        </div>
      </div>
    </div>
  );
}