'use strict';

var index = require('./index-C_OnxXhP.js');

const dashboardWidgetCss = () => `:host(limebb-dashboard-widget){--dashboard-widget-background-color:var(       --start-page-grid-widget-background-color,       rgb(var(--contrast-100))   );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(       --dashboard-widget-header-background-color,       var(--start-page-grid-widget-header-color)   );--dashboard-widget-border-radius:var(       --start-page-grid-widget-border-radius,       1rem   );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}::slotted(limebb-navigation-button[slot=header-actions]){--navigation-button-background-color:var(       --dashboard-widget-header-background-color,       var(--start-page-grid-widget-header-color, rgb(var(--contrast-300)))   )}`;

const DashboardComponent = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.renderHeader = () => {
            if (!this.heading &&
                !this.subheading &&
                !this.supportingText &&
                !this.icon) {
                return;
            }
            return (index.h("limel-header", { heading: this.heading, subheading: this.subheading, supportingText: this.supportingText, icon: this.icon }, index.h("slot", { name: "header-actions" })));
        };
    }
    render() {
        return [this.renderHeader(), index.h("slot", { key: '1eed54a26c093b5d27c1de85eb083a0a8d2f1b22', name: "content" })];
    }
};
DashboardComponent.style = dashboardWidgetCss();

exports.limebb_dashboard_widget = DashboardComponent;
