let createElement = React.createElement

let rootElement =
  createElement('div', {}, 
    createElement('div', { className: 'ContactList' },
      createElement('h2', { className: 'ContactList-title' }, 'Contacts'),
      createElement(
        'div',
        { className: 'Contact' },
        createElement('div', { className: 'Contact-avatar' }, "JN"),
        createElement('span', { className: 'Contact-name' }, "James Nelson"),
        createElement(
          'a',
          { href: 'mailto:james@frontarm.com' },
          "james@frontarm.com",
        ),
        
      ),
      createElement(
        'div',
        { className: 'Contact' },
        createElement('div', { className: 'Contact-avatar' }, "M"),
        createElement('span', { className: 'Contact-name' }, "Me"),
        createElement(
          'a',
          { href: 'mailto:me@example.com' },
          "me@example.com"
        )
      )
    )
  )

// The `ReactDOM` variable is set by the second `<script>` tag
// in the above HTML file
let domNode = document.getElementById('root')
ReactDOM.render(rootElement, domNode)