import { __decorate, __metadata } from "tslib";
import { css, html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import './process-template-builder';
let ProcessInfoLink = class ProcessInfoLink extends LitElement {
    render() {
        return html ` <process-template-builder .process=${this.process}> </process-template-builder> `;
    }
};
ProcessInfoLink.styles = [
    css `
      :host {
        display: flex;
        flex-direction: column;
        background-color: var(--main-section-background-color);
        position: relative;
        text-align: center;
        color: var(--label-color);
        font: var(--label-font);

        overflow-y: auto;
      }

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

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

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