import React from "react";

import "./InstitutionBadge.scss";

/**
 * Country flag + institution logo pair ("institutionBadge" element type),
 * shown on the "Discover real-world impact" slides.
 *
 * @param {Object} props
 * @param {string} props.flag - Flag image URL.
 * @param {string} props.logo - Institution logo URL.
 */
export const InstitutionBadge = ({ flag, logo }) => {
  return (
    <div className="institution-badge">
      <img className="institution-badge__flag" src={flag} alt="" />
      <img className="institution-badge__logo" src={logo} alt="" />
    </div>
  );
};