import { CustomElement } from "../../internal/custom-element.js";
import { PropertyValues, TemplateResult } from "lit";
type AreaHeaderSize = (typeof AreaHeaderSize)[keyof typeof AreaHeaderSize];
declare const AreaHeaderSize: {
  readonly XS: "xs";
  readonly SM: "sm";
  readonly MD: "md";
  readonly LG: "lg";
  readonly XL: "xl";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-area-header': OdxAreaHeader;
  }
}
/**
 * @summary Area headers are used to introduce and provide context for different sections
 * of a page or application. They typically contain a title, subtitle, and can
 * also include additional elements such as icons, images, or action buttons.
 *
 * @slot - The default slot for the main header content, usually containing a title element.
 * @slot prefix - A slot for content to be placed before the main header content, such as an avatar or icon.
 * @slot content - A slot for additional content below the main header, such as a subtitle or description.
 * @slot suffix - A slot for content to be placed after the main header content for additional metadata.
 * @slot actions - A slot for actions related to the area, typically containing a button group
 */
declare class OdxAreaHeader extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  /**
   * The size of the area header, which determines the size of the title and other elements within the header.
   */
  size: AreaHeaderSize;
  protected render(): TemplateResult;
  protected updated(props: PropertyValues<this>): void;
}
export { AreaHeaderSize, OdxAreaHeader };