function Country(props) {

  return (

    <div className="container">

      <h2 className="country-name">Country Name: {props.name}</h2>

      <p className="capital">Capital: {props.capital}</p>

      <p className="population">Population: {props.population}</p>

    </div>

  );

}

​

let countryElement = (

  <Country

    name="United States"

    capital="Washington, D.C."

    population="332 million"

  />

);

​

let rootElement = document.getElementById("root");

ReactDOM.createRoot(rootElement).render(countryElement);

​