import { Model } from 'falcor'
import HttpDataSource from 'falcor-http-datasource'

import { Provider, falcorGet } from 'react-falcor'
import React from 'react'
import ReactDOM from 'react-dom'

const falcor = new Model({
  source: new HttpDataSource('/model.json'),
})

const App = falcorGet([
  ['greeting'],
])(({ greeting }) => <p>{greeting}</p>)

ReactDOM.render(
  <Provider falcor={falcor}>
    <App />
  </Provider>,
  document.getElementById('container'),
)