import { html, when } from '@ni/fast-element';
import { iconInfoCircleTag } from '@ni/nimble-components/dist/esm/icons/info-circle';
import { tooltipTag } from '@ni/nimble-components/dist/esm/tooltip';
export const template = html `
    <button
        id="${x => x.tooltipAnchorId}"
        class="context-help-trigger"
        type="button"
        aria-label="${x => x.triggerLabel}"
    >
        <${iconInfoCircleTag}></${iconInfoCircleTag}>
    </button>
    <${tooltipTag}
        anchor="${x => x.tooltipAnchorId}"
        severity="${x => x.severity}"
        ?icon-visible="${x => x.iconVisible}"
    >
        ${when(x => x.text.length > 0, html `
            <span>${x => x.text}</span>
        `)}
        <slot></slot>
    </${tooltipTag}>
`;
//# sourceMappingURL=template.js.map