'use strict';

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

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

const menuExibitionCss = ".menuexibition{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:16px}.menuexibition__disabled{opacity:0.5;cursor:no-drop}.menuexibition .avatar-item{display:block;margin-right:8px}.menuexibition .content-item{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menuexibition .content-item .title-item{color:var(--color-content-default, #454545)}.menuexibition .content-item .subtitle-item{color:var(--color-content-disable, #636363)}.menuexibition .content-item .description-item{color:var(--color-content-default, #454545)}";

const BdsMenuExibition = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.avatarName = null;
        this.avatarThumbnail = null;
        this.avatarSize = 'standard';
        this.value = null;
        this.subtitle = null;
        this.description = null;
        this.disabled = false;
    }
    render() {
        const hasAvatar = this.avatarName || this.avatarThumbnail;
        return (index.h("div", { key: '889a670097ead37ba7ab32dcfece5178362b323b', class: {
                menuexibition: true,
                [`menuexibition__disabled`]: this.disabled,
            } }, hasAvatar && (index.h("bds-avatar", { key: '4c7ec08fa575e9361b98a55e7243d4d8b5a1614a', class: "avatar-item", name: this.avatarName, thumbnail: this.avatarThumbnail, size: this.avatarSize })), index.h("div", { key: 'e341f9896d8015ccf4d60932037fff4de2b1c23f', class: "content-item" }, this.value && (index.h("bds-typo", { key: '16d777109c812e0b0ed02727a907e0eecc5f3342', class: "title-item", variant: "fs-16", tag: "span" }, this.value)), this.subtitle && (index.h("bds-typo", { key: '032d1ba36885fb4f6f885748591b0c0e16d31207', class: "subtitle-item", variant: "fs-10", tag: "span" }, this.subtitle)), this.description && (index.h("bds-typo", { key: '8a9906c73ecea9f72ef25db4f56a7748d75fae72', class: "description-item", variant: "fs-10", tag: "span" }, this.description)))));
    }
};
BdsMenuExibition.style = menuExibitionCss;

exports.bds_menu_exibition = BdsMenuExibition;

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