import React, { Component } from 'react'
import { View, Image, Linking, TouchableOpacity } from 'react-native'

import css from './style'

const innovandoImg = require('../../assets/logos/innovando.png')
const senaticsImg = require('../../assets/logos/senatics.png')

class FooterSenatics extends Component {

  myHandlePress = (link) => () => {
    Linking.openURL(link)
  }

  render() {
      return (
        <View style={css.container}>
          <View style={css.card} >
            <TouchableOpacity onPress={this.myHandlePress('http://www.innovando.gov.py')}>
              <Image style={css.img} source={innovandoImg} />
            </TouchableOpacity>
          </View>
          <View style={css.card} >
            <TouchableOpacity onPress={this.myHandlePress('https://www.senatics.gov.py')}>
              <Image style={css.img} source={senaticsImg} />
            </TouchableOpacity>
          </View>
        </View>)
    }
}
export default FooterSenatics