import { html, ref, ViewTemplate } from '@ni/fast-element';
import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
export const template = (context, definition) => html `
    <template
        role="menuitem"
        class="${x => (typeof x.startColumnCount === 'number'
    ? `indent-${x.startColumnCount}`
    : '')}"
        aria-disabled="${x => x.disabled}"
        @click="${(x, c) => x.clickHandler(c.event)}"
        @keydown="${(x, c) => x.keydownHandler(c.event)}"
    >
        <a
            ${ref('anchor')}
            download="${x => x.download}"
            href=${x => (x.disabled ? null : x.href)}
            hreflang="${x => x.hreflang}"
            ping="${x => x.ping}"
            referrerpolicy="${x => x.referrerpolicy}"
            rel="${x => x.rel}"
            target="${x => x.target}"
            type="${x => x.type}"
        >
            ${startSlotTemplate(context, definition)}
            <span class="content" part="content">
                <slot></slot>
            </span>
            ${endSlotTemplate(context, definition)}
        </a>
    </template>
`;
//# sourceMappingURL=template.js.map