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}
>
);
}