import { html, LitElement, nothing } from "lit";
import { customElement, property } from "lit/decorators.js";
import { t } from "@supersoniks/concorde/core/directives/Wording";
const tagName = "sonic-t";
@customElement(tagName)
export class SonicT extends LitElement {
  @property({ type: String }) key?: string;
  @property({ type: Boolean }) unsafeHTML?: boolean;
  render() {
    if (!this.key) return nothing;
    return html`${t(this.key, this.unsafeHTML)}`;
  }
}