'use strict';

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

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

const menuListItemCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.menu-list-item{background-color:#ffffff;color:currentColor;cursor:pointer;width:76px;height:56px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.menu-list-item:hover,.menu-list-item:hover>.menu-list-item__text{background-color:#f3f6fa;color:#3f7de8}.menu-list-item:active,.menu-list-item:active>.menu-list-item__text{background-color:#d1e3fa;color:#3f7de8}.menu-list-item:focus,.menu-list-item:focus>.menu-list-item__text{background-color:#f3f6fa;color:#3f7de8}.menu-list-item__text{color:#8ca0b3}";

const MenuListItem = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.color = undefined;
        this.icon = undefined;
    }
    render() {
        const color = this.color || 'currentColor';
        return (index.h(index.Host, { key: '93504506bb6c5a2e51ed47e9902e11f679781e09', role: "button" }, index.h("div", { key: '0f40f28e57e6dd38fe186341eedb666dc3c8b893', class: "menu-list-item" }, index.h("bds-icon", { key: '5c6e9697a585a6dc56ab70517da054291074c490', color: color, name: this.icon }), index.h("bds-typo", { key: '6b0cfdbc068bb5f00859cb8ec3edb8d644bdcfdb', class: "menu-list-item__text", variant: "fs-10" }, index.h("slot", { key: 'b7b1cb1952df54fabe87ab743781f44254fc16fb' })))));
    }
};
MenuListItem.style = menuListItemCss;

exports.bds_menu_list_item = MenuListItem;

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