text: /**
   * A component that renders a text-based icon.
   */
  
  const React = require('react');
  const {StyleSheet} = require('aphrodite');
  
  const {View, Text} = require('../fake-react-native-web');
  const {row, centered} = require('./styles');
  const {iconSizeHeightPx, iconSizeWidthPx} = require('./common-style');
  
  const TextIcon = React.createClass({
      propTypes: {
          character: React.PropTypes.string.isRequired,
          style: React.PropTypes.any,
      },
  
      render() {
          const {character, style} = this.props;
  
          const containerStyle = [
              row,
              centered,
              styles.size,
              styles.base,
              ...(Array.isArray(style) ? style : [style]),
          ];
          return <View style={containerStyle}>
              <Text>
                  {character}
              </Text>
          </View>;
      },
  });
  
  const styles = StyleSheet.create({
      size: {
          height: iconSizeHeightPx,
          width: iconSizeWidthPx,
      },
  
      base: {
          fontFamily: 'Proxima Nova',
          fontSize: 25,
      },
  });
  
  module.exports = TextIcon;
  