import React from 'react'
import { Col, Grid, Row } from '@ticmakers-react-native/flexbox'

export default class App extends React.Component {

  render() {
    return (
      <Grid>
        <Row size={3}>
          <Title>My example title</Title>
        </Row>

        <Row size={7}>
          <Col>
            <Image source={ require('./assets/image.jpg') } />
          </Col>
        </Row>

        <Row size={2}>
          <Col>
            <Text>Left</Text>
          </Col>

          <Col>
            <Text>Right</Text>
          </Col>
        </Row>
      </Grid>
    )
  }
}