import React, { Component } from 'react';
import {
  TouchableOpacity,
  TouchableWithoutFeedback,
} from 'react-native';

const isIphone = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))
const isIpad = (navigator.userAgent.match(/iPad/i))
const isAndroid = (navigator.userAgent.match(/Android/i))
const isMobile = isIphone || isIpad || isAndroid
const isDesktop = ! isMobile
const isFirefox = navigator.userAgent.match('Firefox')

export default class Touchable extends Component {
  render() {
    if (isFirefox) {
      return (
        <TouchableWithoutFeedback {...this.props} />
      )
    }
    else {
      return (
        <TouchableOpacity {...this.props} />
      )
    }
  }
}