'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-65f57499.js');

const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px}.info-box-container{border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background:var(--cpsl-color-background-4);border-radius:var(--box-border-radius)}";
const CpslInfoBoxStyle0 = cpslInfoBoxCss;

const CpslInfoBox = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h(index.Host, { key: '3399b40a8cea213d382d0d7c62731bbd59ef004a' }, index.h("div", { key: '95c529f259976492ba8ac229679a3fe8227a4b13', class: "info-box-container" }, index.h("slot", { key: 'ca211fc12928bb043b6569547e17ea342c801036' }))));
    }
};
CpslInfoBox.style = CpslInfoBoxStyle0;

exports.cpsl_info_box = CpslInfoBox;

//# sourceMappingURL=cpsl-info-box.cjs.entry.js.map