import React, { useRef } from "react"; import { Text, TouchableOpacity, Appearance } from "react-native"; import RBSheet from "react-native-raw-bottom-sheet"; import { Entypo } from "@expo/vector-icons"; //style import tw from "tailwind-react-native-classnames"; import fontSize from "../../../constants/fontSize"; import Colors from "../../../constants/Colors"; export default function Description({ title, component, height }) { const colorScheme = Appearance.getColorScheme(); const refRBSheet = useRef(); return ( <> refRBSheet.current.open()} style={[ tw.style( "flex flex-row-reverse justify-between items-center mt-3 rounded-md px-5 py-3" ), { backgroundColor: Colors.theme1[colorScheme].greenCF, // borderWidth : 1, }, ]} > {title} {component} ); }