import { CustomElement } from "../../internal/custom-element.js";
import { TemplateResult } from "lit";
type KeyValueAlignment = (typeof KeyValueAlignment)[keyof typeof KeyValueAlignment];
declare const KeyValueAlignment: {
  readonly START: "start";
  readonly END: "end";
};
type KeyValueLayout = (typeof KeyValueLayout)[keyof typeof KeyValueLayout];
declare const KeyValueLayout: {
  readonly VERTICAL: "vertical";
  readonly HORIZONTAL: "horizontal";
};
type KeyValueSize = (typeof KeyValueSize)[keyof typeof KeyValueSize];
declare const KeyValueSize: {
  readonly SM: "sm";
  readonly MD: "md";
  readonly LG: "lg";
};
type KeyValueVariant = (typeof KeyValueVariant)[keyof typeof KeyValueVariant];
declare const KeyValueVariant: {
  readonly NEUTRAL: "neutral";
  readonly ACCENT: "accent";
  readonly DANGER: "danger";
  readonly SUCCESS: "success";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-key-value': OdxKeyValue;
  }
}
/**
 * @summary A key-value component to display a label and its corresponding value.
 *
 * @slot - Default slot for the value
 * @slot key - Slot for the key/label
 * @slot prefix - Slot for content to appear before the key-value pair
 * @slot suffix - Slot for content to appear after the key-value pair
 *
 * @csspart value - The value element
 * @csspart unit - The unit element
 */
declare class OdxKeyValue extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  alignment: KeyValueAlignment;
  key: string;
  layout: KeyValueLayout;
  size: KeyValueSize;
  unit?: string | null;
  value: string;
  variant: KeyValueVariant;
  protected render(): TemplateResult;
}
export { KeyValueAlignment, KeyValueLayout, KeyValueSize, KeyValueVariant, OdxKeyValue };