import MiniMenu from '../components/app/desktop/header/MiniMenu.vue'
import CartList from '../components/app/desktop/header/cart/List.vue'

export default () => {
    const { t } = useI18n()
    return reactive({
        btns: {
            login: {
                props: {
                    label: t("registerOrLogin"),
                    icon: "isax isax-login",
                    iconPos: "right",
                }
            },
            logged: {
                account: {
                    props: {
                        label: t("userAccount"),
                        icon: "isax isax-user",
                        iconPos: "right",
                        severity: "secondary",
                        outlined: true,
                    },
                    component: MiniMenu
                },
                cart: {
                    props: {
                        icon: "isax isax-shopping-cart",
                        severity: "secondary",
                        badge: computed(() => useCartStore().count),
                        disabled: computed(() => useCartStore().count < 1),
                        outlined: true,
                    },
                    component: CartList
                },
            },
        }
    })
}