import { getServerT, getServerLocale } from "@/lib/i18n/server";

interface TeamQuotesProps {
  locale: string;
}

export async function TeamQuotes({ locale }: TeamQuotesProps) {
  const t = await getServerT(locale, "careers");

  const quotes = [
    {
      quote: t("quotes.q1_quote"),
      who: t("quotes.q1_who"),
      role: t("quotes.q1_role"),
      tenure: t("quotes.q1_tenure"),
      initials: "RK",
      avClass: "av-navy",
    },
    {
      quote: t("quotes.q2_quote"),
      who: t("quotes.q2_who"),
      role: t("quotes.q2_role"),
      tenure: t("quotes.q2_tenure"),
      initials: "MS",
      avClass: "av-rust",
    },
  ];

  return (
    <section className="careers-sec">
      <div className="wrap">
        <div className="careers-head">
          <div className="left">
            <h2>{t("quotes.heading")}</h2>
            <span className="count">{t("quotes.count")}</span>
          </div>
        </div>
        <div className="team-quotes">
          {quotes.map((q, i) => (
            <div key={i} className="team-quote">
              <div className="quote-mark">&ldquo;</div>
              <blockquote>{q.quote}</blockquote>
              <div className="src">
                <div className={`av ${q.avClass}`}>{q.initials}</div>
                <div>
                  <div className="who">{q.who}</div>
                  <div className="role">{q.role}</div>
                  <div className="tenure">{q.tenure}</div>
                </div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}