import { r as registerInstance, h, H as Host } from './index-91db3414.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) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h(Host, { key: '93726eb6ef05c505f409ec5b313e7db50c0d0a78' }, h("div", { key: '4cfe6525e289eca68319c9651efe20b640da05d3', class: "info-box-container" }, h("slot", { key: '81955b1e2f49839cddd514f00777de3870846929' }))));
    }
};
CpslInfoBox.style = CpslInfoBoxStyle0;

export { CpslInfoBox as cpsl_info_box };

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