import React, { useCallback, useState } from "react";
import {
Image,
StyleSheet,
View,
Pressable,
} from "react-native";
import { useNavigation } from "@react-navigation/native";
import { Ionicons } from "@expo/vector-icons";
import tw from "tailwind-rn";
import Drawer from "./Drawer";
//colors
import Color from "../constants/Colors";
//assets
import hamburgerLightIcon from "../assets/icons/hamburger-light.png";
import logoIcon from "../assets/icons/logo.png";
import qrLightIcon from "../assets/icons/qr-light.png";
import arLightIcon from "../assets/icons/ar-light.png";
const Navbar = ({ notification, back, setBoxPosition }) => {
const navigation = useNavigation();
const Button = useCallback(({ icon, route }) => {
return (
navigation.navigate(route)}
>
);
}, []);
return (
setBoxPosition()}>
{notification && (
)}
navigation.navigate("Home")}
style={tw("absolute right-1/2 top-1/2")}
>
{back && (
navigation.goBack()}
/>
)}
);
};
export default Navbar;
const styles = StyleSheet.create({});