text: /**
   * Copyright (c) 2013-present, Facebook, Inc.
   * All rights reserved.
   *
   * This source code is licensed under the BSD-style license found in the
   * LICENSE file in the root directory of this source tree. An additional grant
   * of patent rights can be found in the PATENTS file in the same directory.
   *
   * @providesModule TouchBubblingTestAppModule
   */
  
  'use strict';
  
  var Recording = require('NativeModules').Recording;
  
  var React = require('React');
  var StyleSheet = require('StyleSheet');
  var View = require('View');
  var TouchableWithoutFeedback = require('TouchableWithoutFeedback');
  
  var TouchBubblingTestApp = React.createClass({
    handlePress: function(record) {
      Recording.record(record);
    },
    render: function() {
      return (
        <View style={styles.container}>
          <TouchableWithoutFeedback onPress={this.handlePress.bind(this, 'outer')} testID="D">
            <View style={styles.outer}>
              <TouchableWithoutFeedback onPress={this.handlePress.bind(this, 'inner')} testID="B">
                <View style={styles.inner}>
                  <View style={styles.superinner} testID="A" />
                </View>
              </TouchableWithoutFeedback>
              <View style={styles.inner} testID="C" />
            </View>
          </TouchableWithoutFeedback>
          <TouchableWithoutFeedback onPress={this.handlePress.bind(this, 'outsider')} testID="E">
            <View style={styles.element} />
          </TouchableWithoutFeedback>
        </View>
      );
    },
  });
  
  var styles = StyleSheet.create({
    container: {
      flexDirection: 'column',
      backgroundColor: '#ccdd44',
    },
    element: {
      backgroundColor: '#ff0000',
      height: 100,
      margin: 30,
    },
    outer: {
      backgroundColor: '#00ff00',
      height: 100,
      margin: 30,
      flexDirection: 'row',
      justifyContent: 'space-between',
    },
    inner: {
      backgroundColor: '#0000ff',
      height: 50,
      width: 50,
      margin: 10,
    },
    superinner: {
      backgroundColor: '#eeeeee',
      height: 20,
      width: 20,
    }
  });
  
  module.exports = TouchBubblingTestApp;
  