import { CustomElement } from "../../internal/custom-element.js";
import { NavigationItemSize, OdxNavigationItem } from "./navigation-item.js";
import { PropertyValues, TemplateResult } from "lit";
import { OdxIconName } from "@odx/icons";
declare global {
  interface HTMLElementTagNameMap {
    'odx-navigation-item-group': OdxNavigationItemGroup;
  }
}
/**
 * @summary A component for grouping navigation items within a navigation menu.
 * It can be opened or closed to show or hide its child navigation items.
 *
 * @dependency odx-navigation-item
 * @dependency odx-toggle-content
 *
 * @slot - Default slot for navigation items.
 * @slot prefix - Slot for content to be displayed before the label, typically an icon.
 * @slot suffix - Slot for content to be displayed after the label, typically an icon or badge.
 *
 * @event {ToggleEvent} toggle - Emitted when the item group is opened or closed. Can be canceled to prevent the action.
 */
declare class OdxNavigationItemGroup extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  active: boolean;
  disabled: boolean;
  icon?: OdxIconName | null;
  iconActive?: OdxIconName | null;
  label: string;
  loading: boolean;
  open: boolean;
  size: NavigationItemSize;
  get currentIcon(): OdxIconName | null | undefined;
  getItems(): OdxNavigationItem[];
  toggle(state?: boolean, emitEvent?: boolean): void;
  protected render(): TemplateResult;
  protected updated(props: PropertyValues<this>): void;
}
export { OdxNavigationItemGroup };