import { View, Text, Dimensions, TouchableOpacity, Appearance, } from "react-native"; import { Entypo } from "@expo/vector-icons"; import { connect } from "react-redux"; //style import tw from "tailwind-rn"; import fontSize from "../../../constants/fontSize"; import Colors from "../../../constants/Colors"; const { width } = Dimensions.get("window"); function Instance({ question, selectFaq, mobile }) { const colorScheme = Appearance.getColorScheme(); return ( selectFaq(question.id)} style={[ tw( `w-full flex flex-col my-1.5 rounded-md px-4 ${ mobile ? "py-2" : "py-3" }` ), { backgroundColor: !question.active ? "#F9F9F9" : Colors.theme1[colorScheme].greenCF + "0a", borderColor: !question.active ? "#DBDBDB" : Colors.theme1[colorScheme].greenCF, borderWidth: 1.5, }, ]} > {question.title} {question.active ? ( ) : ( )} {question.active && ( {question.description} )} ); } const mapStateToProps = (state) => ({ mobile: state.publicApi.mobile, }); export default connect(mapStateToProps)(Instance);