import React, { useCallback } from "react"; import { View, Pressable, Text, Appearance, TouchableOpacity, } from "react-native"; import Svg, { G, Defs, Pattern, Image as Imagee, Path, Text as Textt, TSpan, } from "react-native-svg"; import { useNavigation } from "@react-navigation/native"; import { Ionicons, Entypo } from "@expo/vector-icons"; import { connect } from "react-redux"; import { userFavorite } from "../redux/actions"; //style import Color from "../constants/Colors"; import tw from "tailwind-rn"; import fontSize from "../constants/fontSize"; const Navbar = ({ notification, setBoxPosition, headerOptions, addToBookmark, }) => { const navigation = useNavigation(); const colorScheme = Appearance.getColorScheme(); const Button = useCallback(({ icon, route }) => { return ( navigation.navigate(route)} > {icon} ); }, []); return ( {!headerOptions?.title && headerOptions?.back ? ( navigation.goBack()} /> ) : null} {headerOptions?.title ? ( {headerOptions?.title} ) : null} {headerOptions?.hamburgerMenu && ( setBoxPosition()}> {notification && ( )} )} {headerOptions?.logo && ( navigation.navigate("Home")} style={tw("absolute right-1/2 top-1/2")} > )} {headerOptions?.back && headerOptions?.title ? ( navigation.goBack()} /> ) : null} {headerOptions?.qr && ( <>