import React from "react";
import { View, Text, StyleSheet, TouchableOpacity,  Linking, Button, Pressable} from "react-native";
import { FlatList, TouchableHighlight } from "react-native-gesture-handler";
import Leyes from "./leyes.json";



const Derechos = () => {
    return (

        <><View>

            <Text style={styles.container}>Leyes de la Tierra</Text>
            <View>
                {Leyes.map(ley => {
                    return (
                        <><Pressable style={styles.button}
                        onPress={() => {
                            Linking.openURL(ley.link.toString());
                        }}></Pressable></>
                    );
                })}
            </View>

        </View>
        
        <View>
                <Text style={styles.container}>Derechos del activista climatico</Text>
            </View>
            
            
            <View>
                <Text style={styles.container}>Leyes de Puerto Rico</Text>

            </View></>



    );
}

const styles = StyleSheet.create({
    container: {
        fontSize: 25,
        textAlign: "center",
        marginTop: "10%"
    },

    laws: {
        fontSize: 15,
        textAlign: "center",
        marginTop: "5%"
    },
    button: {
        alignItems: 'center',
        justifyContent: 'center',
        paddingVertical: 12,
        paddingHorizontal: 0.5,
        borderRadius: 4,
        elevation: 3,
        backgroundColor: 'black',
      }
})

export default Derechos