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