import { CustomElement } from "../../internal/custom-element.js";
import { PropertyValues, TemplateResult } from "lit";
type AccordionItemSize = (typeof AccordionItemSize)[keyof typeof AccordionItemSize];
declare const AccordionItemSize: {
  readonly MD: "md";
  readonly LG: "lg";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-accordion-item': OdxAccordionItem;
  }
}
/**
 * @summary An accordion item component that can be interacted with to show or hide its content.
 * @status rc
 * @since 1.0
 *
 * @dependency odx-toggle-content
 *
 * @slot label - Slot for a custom label of the accordion item
 *
 * @event {ToggleEvent} toggle - Emitted when the accordion item is opened or closed. Can be canceled to prevent the action.
 */
declare class OdxAccordionItem extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  static shadowRootOptions: ShadowRootInit;
  private focusTarget;
  /**
   * Indicates whether the element is disabled.
   * If `true` it cannot be interacted with nor be focused.
   */
  disabled: boolean;
  /**
   * The label of the accordion item, displayed in the header.
   * Can be set via attribute or slot. If both are provided, the slot content will take precedence.
   */
  label: string;
  /**
   * Indicates whether the accordion item is open or closed.
   */
  open: boolean;
  /**
   * The size of the accordion item.
   */
  size: AccordionItemSize;
  constructor();
  /** @internal */
  connectedCallback(): void;
  click(): void;
  /**
   * Toggles the open state of the accordion item.
   * Closes all nested accordion items when closing.
   *
   * @param state - The desired state of the accordion item. If not provided, the state will be toggled.
   * @param emitEvent - Whether to emit the `toggle` event.
   */
  toggle(state?: boolean, emitEvent?: boolean): void;
  protected updated(props: PropertyValues<this>): void;
  protected render(): TemplateResult;
}
export { AccordionItemSize, OdxAccordionItem };