content: import React, { Component } from 'react';
  import { TouchableOpacity, View } from 'react-native';
  
  import { connectStyle } from 'native-base-shoutem-theme';
  import mapPropsToStyleNames from '../Utils/mapPropsToStyleNames';
  
  class CardItem extends Component {
    render() {
      if (this.props.button) {
      return (
        <TouchableOpacity
          ref={c => this._root = c} {...this.props}
          activeOpacity={(this.props.button) ? 0.2 : 1}
        >
          {this.props.children}
        </TouchableOpacity>
      );
      }
      else {
        return (
        <View ref={c => this._root = c} {...this.props}
        >
          {this.props.children}
        </View>
        );
      }
    }
  }
  
  CardItem.propTypes = {
    ...TouchableOpacity.propTypes,
    style: React.PropTypes.object,
    header: React.PropTypes.bool,
    cardBody: React.PropTypes.bool,
    footer: React.PropTypes.bool,
    button: React.PropTypes.bool,
  };
  
  const StyledCardItem = connectStyle('NativeBase.CardItem', {}, mapPropsToStyleNames)(CardItem);
  
  export {
    StyledCardItem as CardItem,
  };
  