import { CustomElement } from "../../internal/custom-element.js";
import { PropertyValues, TemplateResult } from "lit";
import { OdxIconName } from "@odx/icons";
type ChipSize = (typeof ChipSize)[keyof typeof ChipSize];
declare const ChipSize: {
  readonly SM: "sm";
  readonly MD: "md";
};
type ChipVariant = (typeof ChipVariant)[keyof typeof ChipVariant];
declare const ChipVariant: {
  readonly NEUTRAL: "neutral";
  readonly PRIMARY: "primary";
  readonly ACCENT: "accent";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-chip': OdxChip;
  }
}
/**
 * @summary Chips are dynamic UI elements that can be used as labels to highlight a particular state or property.
 * @status rc
 * @since 1.0
 *
 * @dependency odx-icon-button
 *
 * @slot - The chip's label.
 *
 * @event remove - Fired when the remove action is triggered.
 */
declare class OdxChip extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  /**
   * Indicates whether the chip is disabled.
   * If `true` it cannot be interacted with nor be focused.
   * Only has an effect if `interactive` is set to `true`.
   */
  disabled: boolean;
  /**
   * Indicates whether the chip is interactive.
   * If `true` the chip can be focused.
   */
  interactive: boolean;
  /**
   * Indicates whether the chip can be removed.
   * If `true` a remove action will be added to the chip.
   * The `remove` event is fired when the remove action is clicked or the `esc` key is pressed while the chip is focused.
   */
  removable: boolean;
  /**
   * The size of the chip.
   */
  size: ChipSize;
  /**
   * The variant of the chip.
   */
  variant: ChipVariant;
  constructor();
  /**
   * Get the icon assigned to the chip`s default slot.
   */
  getIcon(): OdxIconName | null;
  protected updated(props: PropertyValues<this>): void;
  protected render(): TemplateResult;
}
export { ChipSize, ChipVariant, OdxChip };