React - Stateless component

Question

The component consist of 2 sub-components within. Header and Content were called in JSX tree. 

import React from 'react'

class StatelessComponent extends React.Component {
   render() {
      return (
         <div>
            <StatelessHeader/>
            <StatelessContent/>
         </div>
      );
   }
}
class StatelessHeader extends React.Component {
   render() {
      return (
         <div>
            <h1>Header here</h1>
         </div>
      );
   }
}
class StatelessContent extends React.Component {
   render() {
      return (
         <div> 
            <p>Content goes here</p>
         </div>
      );
   }
}
export default StatelessComponent;