/**
 * @license
 * Copyright 2019 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */

import {LitElement, html, css} from 'lit';
import {customElement, property} from 'lit/decorators.js';

/**
 * An example element.
 */
@customElement('iu-header-topbar-item')

export class SiteHeaderTopbarItem extends LitElement {
  static override styles = css`
    :host a{
      color: #fff;
      text-decoration: none;
    }
  `;

  @property() href = '';
  @property() text = '';
  @property() target = 'self';

  override render() {
    return html`
      <li><a target="_${this.target}" href="${this.href}">${this.text}</a></li>
    `;
  }

}

declare global {
  interface HTMLElementTagNameMap {
    'iu-header-topbar-item': SiteHeaderTopbarItem;
  }
}