import { LightningElement, api } from "lwc";
import { track } from "dxUtils/analytics";

export default class HeaderMobileNavMenuOption extends LightningElement {
    @api href: string | null = null;
    @api className: string | null = null;
    @api iconSymbol: string | null = null;
    @api target: string | null = null;
    @api menuLabel: string | null = null;
    @api itemLabel: string | null = null;

    private sendGtm(e: any) {
        track(e.currentTarget, "custEv_topNavLinkClick", {
            navHeading: this.menuLabel || undefined,
            navSubHeading: this.itemLabel || undefined,
            clickText: this.href || undefined,
            pageLocation: window.location.pathname || undefined
        });

        track(e.currentTarget!, "custEv_linkClick", {
            click_text: this.itemLabel,
            element_title: "dx-button",
            click_url: this.href,
            element_type: "link",
            content_category: "cta"
        });
    }
}