import React from 'react'
import {render} from 'react-dom'
import {Provider, Consumer} from 'react-data-provider'
 
const Button = React.createClass({
  propTypes: {
    text: React.PropTypes.string
  },
  render() {
    return <button>{this.props.text}</button>
  }
})
 
const ConsumerButton = Consumer(Button)
 
render(
  <Provider text="Get tickets!">
    <ConsumerButton />
  </Provider>,
  document.getElementById('root')
)