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

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