text: /*
   * The MIT License (MIT)
   *
   * Copyright (c) 2015 Kevin Schuetz
   *
   * Permission is hereby granted, free of charge, to any person obtaining a copy
   * of this software and associated documentation files (the "Software"), to deal
   * in the Software without restriction, including without limitation the rights
   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
   * copies of the Software, and to permit persons to whom the Software is
   * furnished to do so, subject to the following conditions:
   *
   * The above copyright notice and this permission notice shall be included in
   * all copies or substantial portions of the Software.
   *
   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   * THE SOFTWARE.
   */
  
  const
      React = require('react'),
      Playfield = require('./Playfield.react'),
      Chrome = require('./Chrome.react');
  
  
  const SceneFrame = React.createClass({
  
      render() {
          const sceneFrameProperties = this.props.sceneFrameProperties,
                playerTurn = this.props.playerTurn;
  
          const backdrop = React.DOM.rect({
              className: 'backdrop',
              x:0,
              y:0,
              width: 100000,
              height: 100000
          });
  
          const playField = React.createElement(Playfield, {
              sceneFrameProperties,
              t:           this.props.t,
              boardState:  this.props.boardState,
              onClickSquare:  this.props.onClickSquare
          });
  
          const chrome = React.createElement(Chrome, {
              playerTurn,
              transform: 'translate(690,400)',
              sceneFrameProperties
          });
  
          return React.DOM.g(null, backdrop, playField, chrome);
      }
  
  });
  
  
  module.exports = SceneFrame;