import { p as proxyCustomElement, H, h, d as Host } from './p-D16h8pzh.js';

const verdocsTemplateTagsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-tags{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}";

const VerdocsTemplateTags$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateTags extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        var _a;
        return (h(Host, { key: 'ff3fb49d583e29d2a91fe84d8ca9e7ee17781870' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
    }
    static get style() { return verdocsTemplateTagsCss; }
}, [256, "verdocs-template-tags", {
        "tags": [16]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["verdocs-template-tags"];
    components.forEach(tagName => { switch (tagName) {
        case "verdocs-template-tags":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, VerdocsTemplateTags$1);
            }
            break;
    } });
}

const VerdocsTemplateTags = VerdocsTemplateTags$1;
const defineCustomElement = defineCustomElement$1;

export { VerdocsTemplateTags, defineCustomElement };
//# sourceMappingURL=verdocs-template-tags.js.map

//# sourceMappingURL=verdocs-template-tags.js.map