import React from 'react'; import { View, ScrollView, StyleSheet, TouchableOpacity, Dimensions, } from 'react-native'; import Modal from 'react-native-modal'; import HTML from 'react-native-render-html'; import { ProductCategoriesModel } from '../models/ProductCategoriesModel'; import { ProductDetailsModel } from '../models/ProductDetailsModel'; import { SemiBoldText } from '../components/CustomText'; import XMark from '../assets/icons/x_mark.svg'; import ProductDetailsContainer from '../components/ProductDetailsContainer'; import { VerticalSpacer } from '../components/Spacer'; import CustomButton from '../components/CustomButton'; import { CustomColors } from '../constants/CustomColors'; interface BottomSheetProps { productCategory: ProductCategoriesModel; productDetails: ProductDetailsModel | null; isVisible: boolean; onClose: () => void; onContinue: () => void; } const { height } = Dimensions.get('window'); export const PlanDetailsBottomSheet: React.FC = ({ productCategory, productDetails, isVisible, onClose, onContinue, }) => { return productCategory == null || productDetails == null ? ( <> ) : ( {/* X */} {productDetails?.keyBenefits ? ( ) : // Hiiuuuuuuuui null} {/* Continue */} {/* */} ); }; const styles = StyleSheet.create({ modal: { justifyContent: 'flex-end', margin: 0, }, container: { backgroundColor: '#FFF', borderTopLeftRadius: 15, borderTopRightRadius: 15, paddingHorizontal: 20, paddingTop: 25, maxHeight: height * 0.7, }, header: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginBottom: 20, }, title: { fontSize: 16, fontWeight: '600', }, closeButton: { fontSize: 18, color: '#000', }, productDetailsContainer: { marginBottom: 20, }, keyBenefits: { minHeight: 50, // You can set a minimum height maxHeight: 300, // Set the maximum height }, buttonContainer: { flexDirection: 'row', justifyContent: 'space-between', marginVertical: 20, }, goBackButton: { flex: 1, marginRight: 10, }, continueButton: { flex: 2, }, buttonText: { color: '#FFF', textAlign: 'center', fontWeight: '600', }, }); export default PlanDetailsBottomSheet;