Props - Specify html tags on component with props

Question

// ChildComponent
function NarrativeMainSectionBox(props) {
    return (
        <div className="section-card hover-box-parent">
          <div className="hover-box">
            <a 
              href="#"
              className="overlay"
            > 
            <img src={props.imgurl} />
          </div>
        </div>
    );
}
// ParentComponent
return (
    <div className="section-box"> 
      <ChildComponent imgurl="/images/1.png" />  
      <ChildComponent imgurl="/images/2.png" />
    </div>
);