Godforsaken margin-top React component.

MarginTop.js

const MarginTop = (props) => (
  <div>
    {Array.from(Array(props.spacing)).map((br) => (
      <br />
    ))}
    {props.children}
  </div>
);

ReactDOM.render(
  <MarginTop spacing={5}>
    <h1>Lorem ipsum</h1>
    <p>Dolor sit amet omg</p>
  </MarginTop>,
  document.getElementById("root")
);

// Output:
// <div><br><br><br><br><br><h1>Lorem ipsum</h1><p>Dolor sit amet omg</p></div>