import { CustomElement } from "../../internal/custom-element.js";
import { PropertyValues, TemplateResult } from "lit";
import { OdxIconName } from "@odx/icons";
type PageBannerSize = (typeof PageBannerSize)[keyof typeof PageBannerSize];
declare const PageBannerSize: {
  readonly SM: "sm";
  readonly MD: "md";
};
type PageBannerVariant = (typeof PageBannerVariant)[keyof typeof PageBannerVariant];
declare const PageBannerVariant: {
  readonly PRIMARY_SUBTLE: "primary-subtle";
  readonly PRIMARY: "primary";
  readonly SUCCESS: "success";
  readonly WARNING: "warning";
  readonly DANGER_SUBTLE: "danger-subtle";
  readonly DANGER: "danger";
  readonly CONFIRMATION: "confirmation";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-page-banner': OdxPageBanner;
  }
}
/**
 * @summary The Page Banner is used to display important messages at the top of a page.
 * @status rc
 * @since 1.0
 *
 * @dependency odx-icon-button
 *
 * @slot - The content of the banner, typically including a `<odx-title>` and some text.
 *
 * @event hide - Emitted when the banner is about to be hidden. Can be canceled to prevent hiding.
 * @event hidden - Emitted after the banner has been hidden. Not cancelable.
 *
 * @csspart base - The wrapper around the entire component, including the icon, content, and dismiss button.
 * @csspart content - The wrapper around the message content, excluding the icon and dismiss button.
 * @csspart icon - The icon element displayed to the left of the content.
 */
declare class OdxPageBanner extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  /**
   * Indicates whether the banner can be dismissed by the user.
   * If `true`, a close button will be shown, and the user can hide the banner by clicking it.
   */
  dismissible: boolean;
  /**
   * The icon to display in the banner.
   */
  icon?: OdxIconName | null;
  /**
   * The size of the banner, which determines the outer spacing and the size of the icon.
   */
  size: PageBannerSize;
  /**
   * The variant of the banner, which determines its color and emphasis level.
   */
  variant: PageBannerVariant;
  /**
   * Indicates whether the banner is hidden. When `true`, the banner will be visually hidden and not take up space in the layout.
   */
  hidden: boolean;
  hide(): Promise<void>;
  protected updated(props: PropertyValues<this>): void;
  protected render(): TemplateResult;
}
export { OdxPageBanner, PageBannerSize, PageBannerVariant };