'use strict';

var React = require('react')
var MessageBox = require('./src')

require('./index.styl')

var visible=true

var App = React.createClass({

	onClick: function() {
		visible = !visible
		this.setState({})

	},

    render: function() {

        return <MessageBox title="test" visible={visible} >
        			Lorem ipsum Commodo dolor cillum est quis dolor officia incididunt officia officia reprehenderit est Ut qui sed minim esse in non sit nostrud qui dolor.
        			<MessageBox.Toolbar>
        				<MessageBox.Button onClick={this.onClick}>
        					Hide
        				</MessageBox.Button>
        			</MessageBox.Toolbar>
        		</MessageBox>

    }
})

React.render(<App />, document.getElementById('content'))