import React from 'react';
import { RenderScreen, useParams, Navbar, Link ,MainNavbar} from 'react-native-router-screen';
import { useAuth } from '../context';
import HomeScreen from './home';

const Render = new RenderScreen();
const Screen = () => {
    const { isLoading, refetch, isLoggedIn } = useAuth();
    const params = useParams();
    const { productTitle }: any = params
    return (
        <Render.Render>
            <Render.screen
                path='/home'
                title='Home'
                hasFooter={true}
                hasNavbar={true}
                navbar={
                    <MainNavbar title='My Profile' >
                        <Link href='/profile'>My Profile</Link>
                    </MainNavbar>
                }
                screen={HomeScreen}
            />
            <Render.screen
                path='/profile'
                title='My Profile'
                hasFooter={true}
                hasNavbar={true}
                navbar={
                  <Navbar title='My Profile' >
                    <Link href='/home'>HOME</Link>
                </Navbar>
                }
                isPrivate={true}
                privateState={true}
                screen={ProfileScreen}
            />
            {/* NOT FOUND PAGE */}
            {/* <Render.screen
                title='Notfound'
                hasFooter={true}
                hasNavbar={true}
                path='*'
                screen={Notfound}
            /> */}
        </Render.Render>
    )
}

export default Screen;

MainNavbar:

Property	Type	Description
title	string	The title to be displayed in the navbar.
children	React.ReactNode	(Optional) Additional React elements that can be included as children of the title component.

Navbar:

Property	Type	Description
title	string	The title to be displayed in the navbar.
clickAbleFunction	() => void	(Optional) Function to be executed when the title is clicked.
style	ViewStyle or TextStyle or ImageStyle or object	(Optional) Style object or React Native style type to customize the appearance of the title component.
children	React.ReactNode	(Optional) Additional React elements that can be included as children of the title component.