import React from 'react'
import ReactDOM from 'react-dom'
import _ from 'lodash'

/**
 * const MAPPINGS = [
 *  {
 *    node: '.selector',
 *    component: ComponentProvider
 *  },
 * ]
 */
const render = (mappings) => {
  _(mappings)
    .filter((component) => {
      return document.querySelector(component.node)
    })
    .each((component) => {
      ReactDOM.render(
        React.createElement(component.component),
        document.querySelector(component.node)
      )
    })
}

export default render