import React from "react";
import { View, Text, StyleSheet, TouchableOpacity, Linking, Pressable} from "react-native";
import { FlatList, TouchableHighlight } from "react-native-gesture-handler";
import {ButtonLay} from "./Button.js";
import Leyes from "./leyes.json";
import LeyesPR from "./leyesPR.json";
import DerechosAmb from "./derechos.json";
const Derechos = () => {
return (
<>
1) Leyes de la Tierra
{Leyes.map(ley => {
return (
<> {
Linking.openURL(ley.link.toString());
}}>
{ley.title}
>
);
})}
2) Derechos del activista climatico
{DerechosAmb.map(der => {
return (
<> {
Linking.openURL(der.link.toString());
}}>
{der.title}
>
);
})}
3) Leyes de Puerto Rico
{LeyesPR.map(ley => {
return (
<> {
Linking.openURL(ley.link.toString());
}}>
{ley.title}
>
);
})}
>
);
}
const styles = StyleSheet.create({
container: {
fontSize: 25,
textAlign: "center",
marginTop: "10%"
},
container2: {
fontSize: 25,
textAlign: "left",
marginTop: "10%",
marginLeft: "5%"
},
laws: {
fontSize: 15,
textAlign: "center",
marginTop: "5%"
},
button: {
width:320,
alignSelf: 'center',
alignItems: 'center',
justifyContent: 'center',
paddingVertical: 12,
paddingHorizontal: 32,
borderRadius: 4,
elevation: 3,
backgroundColor: '#009688',
marginTop: "2%"
},
text: {
fontSize: 16,
lineHeight: 21,
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
textAlign: "center"
}
})
export default Derechos