var React = require('react'),
    Option = require('fantasy-options').Option,
    option = require('react-fantasy').option;
 
var SomeValue = React.createClass({
 
    getDefaultProps : function () {
        return {
            value : Option.None;
        }
    },
 
    renderValue : function (value) {
        return (
            <span className="value">
                {value}
            </span>
        )
    }
 
    render : function () {
        return option(this.renderValue).render(this.props.value);
    }
});
 
var SomeContainer = React.createClass({
 
    getDefaultProps : function () {
        return {
            value : Option.of('Some string');
        }
    },
 
    render : function () {
        return (
            <div>
                <SomeValue />
                <SomeValue value={this.props.value} />
            </div>
        )
    }
})
 

var fpt = require('react-fantasy').PropTypes;
 
var SomeClass = React.createClass({
    ...
    propTypes : {
        page: fpt.option.isRequired,
        items: fpt.seq.isRequired,
        config: fpt.json.isRequired
    }
    ...
});