'use strict';

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

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

const menuSeparationCss = ".menuseparation{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 16px}.menuseparation__small{margin:8px 0}.menuseparation__default{margin:12px 0}.menuseparation__large{margin:16px 0}.menuseparation .dividor-item{height:1px;width:100%;background-color:#d2dfe6}.menuseparation .title-item{margin-right:8px;margin-top:-4px;color:#6e7b91}";

const BdsMenuSeparation = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.value = null;
        this.size = null;
    }
    render() {
        return (index.h("div", { key: '0fc8b6f9f0feb360c18fc6cf0cf284608d1242b3', class: {
                menuseparation: true,
                [`menuseparation__${this.size}`]: true,
            } }, this.value && (index.h("bds-typo", { key: '496e11cd5270dce4aa1215e6b90ef2cbddfe53c2', class: "title-item", variant: "fs-10", tag: "span" }, this.value)), index.h("div", { key: '18f36f02751060fd8aeff47120513fd37b70ce3f', class: "dividor-item" })));
    }
};
BdsMenuSeparation.style = menuSeparationCss;

exports.bds_menu_separation = BdsMenuSeparation;

//# sourceMappingURL=bds-menu-separation.cjs.entry.js.map