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 && (
<>
);
};
const mapStateToProps = (state) => ({});
const mapDispatchToProps = {
addToBookmark: userFavorite.add,
};
export default connect(mapStateToProps, mapDispatchToProps)(Navbar);