import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { CSSResultGroup } from 'lit';
import { default as CxMenuLabel } from '../menu-label/menu-label';

/**
 * @summary Menu sections provide a mean for grouping together related menu items.
 *
 * @description It is recommended to only use [menu items](?s=atoms&id=/menu-item) menu sections as dividers and labels will be added automatically.
 *
 * @slot (default) - The menu items in the section.
 *
 */
export default class CxMenuSection extends CortexElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'cx-menu-label': typeof CxMenuLabel;
    };
    defaultSlot: HTMLSlotElement;
    /**
     * The label of the menu section. If not filled, the section will render no label.
     */
    label: string;
    private mutationObserver;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private handleSlotChange;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-menu-section': CxMenuSection;
    }
}
