import { CustomElement } from "../../internal/custom-element.js";
import { PropertyValues, TemplateResult } from "lit";
type PageLayout = (typeof PageLayout)[keyof typeof PageLayout];
declare const PageLayout: {
  readonly DEFAULT: "default";
  readonly NARROW: "narrow";
  readonly WIDE: "wide";
  readonly FULL: "full";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-page': OdxPage;
  }
}
/**
 * @summary The page component is the main layout component for a page.
 * @status rc
 * @since 1.0
 *
 * @slot - The main content of the page.
 * @slot banner - The banner of the page, which is used to display important information or actions.
 * @slot header - The header of the page, which is used to display the page header .
 * @slot start - The start area of the page, which is used to display navigation or other secondary content.
 * @slot footer - The footer of the page, which is used to display copyright information or other secondary content.
 *
 * @csspart banner - The banner container element.
 * @csspart header - The header container element.
 * @csspart navigation - The navigation container element.
 * @csspart main - The main content container element.
 * @csspart footer - The footer container element.
 */
declare class OdxPage extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  private headerElement;
  layout: PageLayout;
  breakpoint: keyof ODX.Breakpoints.Config;
  connectedCallback(): void;
  disconnectedCallback(): void;
  protected updated(_changedProperties: PropertyValues<this>): void;
  protected render(): TemplateResult;
}
export { OdxPage, PageLayout };