import { r as registerInstance, h } from './index-ytAlchvh.js';

const eclDividerEcCss = () => `.ecl-separator.sc-ecl-divider-ec{border-width:0;border-top:1px solid var(--cm-border-neutral);margin:0}`;

const eclDividerEuCss = () => `.ecl-separator.sc-ecl-divider-eu{border-width:0;border-top:1px solid var(--c-p-20);margin:0}`;

const EclDivider = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    getClass() {
        const styleClasses = [
            `ecl-separator`,
            this.styleClass
        ];
        return styleClasses.join(' ');
    }
    componentWillLoad() {
        var _a;
        this.theme = (_a = document.documentElement.getAttribute('data-ecl-theme')) !== null && _a !== void 0 ? _a : (this.theme || 'ec');
    }
    render() {
        return (h("hr", { key: 'e757ea17e968d07c4f78443721aff0d4c9fa0032', class: this.getClass() }));
    }
};
EclDivider.style = {
    ec: eclDividerEcCss(),
    eu: eclDividerEuCss()
};

export { EclDivider as ecl_divider };
