footer.tsx

import React from "react";
import {TouchableOpacity, View, Text, Linking} from "react-native";


const Footer = (props: CompProps) => {
    const {textStyle, viewStyle} = styles;

    return (
        <View style={viewStyle}>
            <TouchableOpacity onPress={() => Linking.openURL(props.linkAddress)}>
                <Text style={textStyle}> { props.footerText}</Text>
            </TouchableOpacity>
        </View>
    );
};


interface CompProps {
    footerText: string,
    linkAddress: string
}


const styles = {
    textStyle: {
        fontSize: 18
    },
    viewStyle: {
        flex: 1,
        flexDirection: 'row' as 'row',
        alignItems: 'center' as 'center',
        justifyContent: 'center' as 'center'
    }
}
export {Footer};