import { mdiHelpCircle } from "@mdi/js";
import "@lrnwebcomponents/simple-tooltip/simple-tooltip";
import { css, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators";
import "./ha-svg-icon";
@customElement("ha-help-tooltip")
export class HaHelpTooltip extends LitElement {
@property() public label!: string;
@property() public position = "top";
protected render(): TemplateResult {
return html`
${this.label}
`;
}
static get styles() {
return css`
ha-svg-icon {
--mdc-icon-size: var(--ha-help-tooltip-size, 14px);
color: var(--ha-help-tooltip-color, var(--disabled-text-color));
}
`;
}
}
declare global {
interface HTMLElementTagNameMap {
"ha-help-tooltip": HaHelpTooltip;
}
}