content: import React, { Component } from 'react';
  import { View } from 'react-native';
  import { Container, Content, CardItem, Text } from 'native-base';
  import Markdown from 'react-native-simple-markdown';
  import { connect } from 'react-redux';
  
  import { FlipCard } from '../../cards';
  
  import styles from './styles';
  
  const markDownStyle = {
    heading1: {
      fontSize: 22,
      flexWrap: 'wrap',
      wrapText: 'wrap',
    },
    strong: {
      fontSize: 18,
    },
    paragraph: {
      fontSize: 14,
    },
    view: {
      borderWidth: 1,
      flex: 1,
    },
  };
  
  @connect(null, null)
  export default class MarkDownCard extends Component {
  
    static propTypes = {
      cardMeta: React.PropTypes.object.isRequired,
    };
  
  
    render() {
      return (
        <FlipCard cardMeta={this.props.cardMeta} >
          <View style={styles.container}>
            <Markdown styles={markDownStyle}>
              #Who is the best dev in town???????????????
              {'\n\n'}
              Probably **the one** reading this lines 😏…
            </Markdown>
          </View>
        </FlipCard>
      );
    }
  }
  