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

interface MissionBandProps {
  locale: string;
}

export async function MissionBand({ locale }: MissionBandProps) {
  const t = await getServerT(locale, "about.mission");

  return (
    <section className="mission-band">
      <div className="wrap mission-grid">
        <div>
          <div className="label">{t("label")}</div>
          <h2>
            {t("heading_before")} <em>{t("heading_em")}</em> {t("heading_after")}
          </h2>
        </div>
        <div>
          <p>{t("p1")}</p>
          <p>{t("p2")}</p>
          <div className="signed">
            <span className="av">EB</span>
            <span>
              <b>{t("signed_name")}</b> · {t("signed_role")}
            </span>
          </div>
        </div>
      </div>
    </section>
  );
}