import { __decorate, __metadata } from "tslib";
import { css, html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import './link-builder.js';
import './board-template-builder.js';
let BoardInfoLink = class BoardInfoLink extends LitElement {
    render() {
        var _a, _b;
        return html `
      <link-builder
        command="headless-full"
        target-id=${((_a = this.board) === null || _a === void 0 ? void 0 : _a.id) || ''}
        target-name=${((_b = this.board) === null || _b === void 0 ? void 0 : _b.name) || ''}
      ></link-builder>

      <board-template-builder .board=${this.board}> </board-template-builder>
    `;
    }
};
BoardInfoLink.styles = [
    css `
      :host {
        display: flex;
        flex-direction: column;
        background-color: var(--md-sys-color-surface);
        position: relative;
        text-align: center;
        color: var(--label-color, var(--md-sys-color-on-surface));
        font: var(--label-font);

        overflow-y: auto;
      }

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

      board-template-builder {
        flex: 1;
        text-align: start;
      }

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