React Google Maps Overlay Component

overlay-component.jsx

/**
 * @jsx React.DOM
 */

'use strict';

var OverlayFactory = require('async-google-maps').BaseOverlayFactory,
    React = require('react');

module.exports = React.createClass({
    componentDidMount: function () {
        var element = this.getDOMNode();

        OverlayFactory.create({
            point: this.props.point,
            el: element,
            map: this.props.map
        });
    },
    
    render: function () {
        var overlayStyle = {
            backgroundColor: '#FFF',
            border: '1px solid #000'
        };

        return (
            <div className="overlay" style={overlayStyle}>
                <p>
                    {this.props.message}
                </p>
            </div>
        );
    }
});