import { __decorate, __metadata } from "tslib";
import { css, html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import './link-builder.js';
let PlayGroupInfoLink = class PlayGroupInfoLink extends LitElement {
    render() {
        var _a, _b;
        return html `
      <link-builder
        command="headless-player"
        target-id=${((_a = this.playGroup) === null || _a === void 0 ? void 0 : _a.id) || ''}
        target-name=${((_b = this.playGroup) === null || _b === void 0 ? void 0 : _b.name) || ''}
      ></link-builder>
    `;
    }
};
PlayGroupInfoLink.styles = [
    css `
      :host {
        display: flex;
        background-color: var(--md-sys-color-surface);
        position: relative;
        text-align: center;
        color: var(--md-sys-color-on-surface);
        font: var(--label-font);
      }

      link-builder {
        flex: 1;
        text-align: start;
      }

      @media screen and (max-width: 460px) {
        :host {
          width: 100vw;
        }
      }
    `
];
__decorate([
    property({ type: Object }),
    __metadata("design:type", Object)
], PlayGroupInfoLink.prototype, "playGroup", void 0);
PlayGroupInfoLink = __decorate([
    customElement('play-group-info-link')
], PlayGroupInfoLink);
export { PlayGroupInfoLink };
//# sourceMappingURL=play-group-info-link.js.map