dummy.jsx

const RandomComponent = () => <div />;

const Header = () => (
  <React.Fragment><TableTitle /><div>...</div></React.Fragment>
);


<Wrapper Header={RandomComponent} Main={MainComponent} />
<Wrapper header={<Header />} footer={<Footer />}>
  <div>
    ...
  </div>
</Wrapper>


const wrapper = ({ Header, Main }) => <div><Header fontColor="#000" /><Main /></div>;

const wrapper = ({ footer, header, children }) => <div>{header}{children}{footer}</div>;