type ParterLandingProps = {
  numberOfSponsors?: number;
  numberOfAcademicPartners?: number;
  numberOfIndustryPartners?: number;
}

export default function ParterLanding(
  {
    numberOfSponsors = 6,
    numberOfAcademicPartners = 86,
    numberOfIndustryPartners = 2100,
  }: ParterLandingProps
) {
  return (
    <section className="partnerLanding">
      <i className="logo-white-engText partnerLanding-logo"></i>
      <ul className="partnerLanding-information">
        <li className="partnerLanding-feature">
          <span className="text-h1-bold block">
            {numberOfSponsors}
          </span>
          <span className="text-t3-medium block">Sponsors</span>
        </li>
        <li className="partnerLanding-feature">
          <span className="text-h1-bold block">
            {numberOfAcademicPartners}
          </span>
          <span className="text-t3-medium block">Academic Partners</span>
        </li>
        <li className="partnerLanding-feature">
          <span className="text-h1-bold block">
            {numberOfIndustryPartners}
          </span>
          <span className="text-t3-medium block">Industry Partners</span>
        </li>
      </ul>
    </section>
  )
}