function Country(props) {

  return React.createElement(

    "div",

    {

      className: "container"

    },

    React.createElement(

      "h2",

      {

        className: "country-name"

      },

      `Country Name: ${props.name}`

    ),

    React.createElement(

      "p",

      {

        className: "capital"

      },

      `Capital: ${props.capital}`

    ),

    React.createElement(

      "p",

      {

        className: "population"

      },

      `Population: ${props.population}`

    )

  );

}

​

let countryElement = React.createElement(Country, {

  name: "United States",

  capital: "Washington, D.C.",

  population: "332 million"

});

​

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

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

​