text: /**
   * Copyright (c) 2015-present, Facebook, Inc.
   *
   * This source code is licensed under the MIT license found in the
   * LICENSE file in the root directory of this source tree.
   *
   * @providesModule AlertExample
   */
  
  'use strict';
  
  var React = require('react');
  var ReactNative = require('react-native');
  var {
    Alert,
    StyleSheet,
    Text,
    TouchableHighlight,
    View,
  } = ReactNative;
  
  var RNTesterBlock = require('./RNTesterBlock');
  
  // corporate ipsum > lorem ipsum
  var alertMessage = 'Credibly reintermediate next-generation potentialities after goal-oriented ' +
                     'catalysts for change. Dynamically revolutionize.';
  
  /**
   * Simple alert examples.
   */
  class SimpleAlertExampleBlock extends React.Component {
    render() {
      return (
        <View>
          <TouchableHighlight style={styles.wrapper}
            onPress={() => Alert.alert(
              'Alert Title',
              alertMessage,
            )}>
            <View style={styles.button}>
              <Text>Alert with message and default button</Text>
            </View>
          </TouchableHighlight>
          <TouchableHighlight style={styles.wrapper}
            onPress={() => Alert.alert(
              'Alert Title',
              alertMessage,
              [
                {text: 'OK', onPress: () => console.log('OK Pressed!')},
              ]
            )}>
            <View style={styles.button}>
              <Text>Alert with one button</Text>
            </View>
          </TouchableHighlight>
          <TouchableHighlight style={styles.wrapper}
            onPress={() => Alert.alert(
              'Alert Title',
              alertMessage,
              [
                {text: 'Cancel', onPress: () => console.log('Cancel Pressed!')},
                {text: 'OK', onPress: () => console.log('OK Pressed!')},
              ]
            )}>
            <View style={styles.button}>
              <Text>Alert with two buttons</Text>
            </View>
          </TouchableHighlight>
          <TouchableHighlight style={styles.wrapper}
            onPress={() => Alert.alert(
              'Alert Title',
              null,
              [
                {text: 'Foo', onPress: () => console.log('Foo Pressed!')},
                {text: 'Bar', onPress: () => console.log('Bar Pressed!')},
                {text: 'Baz', onPress: () => console.log('Baz Pressed!')},
              ]
            )}>
            <View style={styles.button}>
              <Text>Alert with three buttons</Text>
            </View>
          </TouchableHighlight>
          <TouchableHighlight style={styles.wrapper}
            onPress={() => Alert.alert(
              'Foo Title',
              alertMessage,
              '..............'.split('').map((dot, index) => ({
                text: 'Button ' + index,
                onPress: () => console.log('Pressed ' + index)
              }))
            )}>
            <View style={styles.button}>
              <Text>Alert with too many buttons</Text>
            </View>
          </TouchableHighlight>
          <TouchableHighlight style={styles.wrapper}
            onPress={() => Alert.alert(
              'Alert Title',
              null,
              [
                {text: 'OK', onPress: () => console.log('OK Pressed!')},
              ],
              {
                cancelable: false
              }
            )}>
            <View style={styles.button}>
              <Text>Alert that cannot be dismissed</Text>
            </View>
          </TouchableHighlight>
          <TouchableHighlight style={styles.wrapper}
            onPress={() => Alert.alert(
              '',
              alertMessage,
              [
                {text: 'OK', onPress: () => console.log('OK Pressed!')},
              ]
            )}>
            <View style={styles.button}>
              <Text>Alert without title</Text>
            </View>
          </TouchableHighlight>
        </View>
      );
    }
  }
  
  class AlertExample extends React.Component {
    static title = 'Alert';
  
    static description = 'Alerts display a concise and informative message ' +
    'and prompt the user to make a decision.';
  
    render() {
      return (
        <RNTesterBlock title={'Alert'}>
          <SimpleAlertExampleBlock />
        </RNTesterBlock>
      );
    }
  }
  
  var styles = StyleSheet.create({
    wrapper: {
      borderRadius: 5,
      marginBottom: 5,
    },
    button: {
      backgroundColor: '#eeeeee',
      padding: 10,
    },
  });
  
  module.exports = {
    AlertExample,
    SimpleAlertExampleBlock,
  };
  