export default () => {
    const token = useCookie('token')

    return reactive({
        btns: {
            back: {
                props: {
                    icon: "isax isax-arrow-right-1",
                    severity: "secondary",
                    rounded: true,
                    link: true,
                    class: 'mr-2'
                },
            },
            menu: {
                props: {
                    icon: 'isax isax-menu-1',
                    severity: 'secondary',
                    rounded: true,
                    text: true,
                }
            }
        },
        navigation: {
            home: {
                to: "/",
                props: {
                    icon: "isax isax-home-2", rounded: true, severity: "secondary", text: true,
                },
            },
            categories: {
                to: "/categories",
                props: {
                    icon: "isax isax-category-2", rounded: true, severity: "secondary", text: true,
                },
            },
            cart: {
                to: "/checkout/cart",
                props: {
                    icon: "isax isax-shopping-cart", rounded: true, severity: "secondary", text: true,
                },
            },
            profile: {
                to: computed(() => token.value ? '/panel/profile' : '/auth/login'),
                props: {
                    icon: "isax isax-user", rounded: true, severity: "secondary", text: true,
                },
            },
        },
    })
}