text: import React, { Component } from "react";
  import {
    Container,
    Header,
    Title,
    Content,
    Button,
    Icon,
    Card,
    CardItem,
    Text,
    Body,
    Left,
    Right
  } from "native-base";
  import styles from "./styles";
  
  class NHCardItemBordered extends Component {
    render() {
      return (
        <Container style={styles.container}>
          <Header>
            <Left>
              <Button transparent onPress={() => this.props.navigation.goBack()}>
                <Icon name="arrow-back" />
              </Button>
            </Left>
            <Body>
              <Title>Bordered CardItem</Title>
            </Body>
            <Right />
          </Header>
  
          <Content padder>
            <Card style={styles.mb}>
              <CardItem header bordered>
                <Text>NativeBase</Text>
              </CardItem>
              <CardItem bordered>
                <Body>
                  <Text>
                    NativeBase is a free and open source framework that enable
                    developers to build high-quality mobile apps using React
                    Native iOS and Android apps with a fusion of ES6.
                  </Text>
                </Body>
              </CardItem>
              <CardItem bordered>
                <Body>
                  <Text>
                    NativeBase builds a layer on top of React Native that provides
                    you with basic set of components for mobile application
                    development.
                  </Text>
                </Body>
              </CardItem>
              <CardItem bordered>
                <Body>
                  <Text>
                    Get on the mobile fast track with NativeBase, the
                    fastest-growing platform and tool set for iOS and Android
                    development.
                  </Text>
                </Body>
              </CardItem>
              <CardItem footer bordered>
                <Text>GeekyAnts</Text>
              </CardItem>
            </Card>
          </Content>
        </Container>
      );
    }
  }
  
  export default NHCardItemBordered;
  