import { CustomElement } from "../../internal/custom-element.js";
import { ActiveDescendant } from "../../internal/controllers/active-descendants-controller.js";
import { SelectableElement } from "../../internal/controllers/selection-controller.js";
import { PropertyValues, TemplateResult } from "lit";
type OptionSize = (typeof OptionSize)[keyof typeof OptionSize];
declare const OptionSize: {
  readonly SM: "sm";
  readonly MD: "md";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-option': OdxOption;
  }
}
/**
 * @summary Options are used to represent a single item within a list of options, such as a select dropdown or listbox.
 *
 * @slot - The option's label.
 * @slot prefix - Content to be displayed before the option's label. Typically used for icons.
 * @slot suffix - Content to be displayed after the option's label. Typically used for icons or badges.
 *
 */
declare class OdxOption extends CustomElement implements ActiveDescendant, SelectableElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  role: 'option' | 'gridcell' | 'row' | 'tab' | null;
  private selection;
  set label(value: string);
  get label(): string;
  selected: boolean;
  size: OptionSize;
  type?: 'checkbox' | null;
  value: string;
  set disabled(value: boolean);
  get disabled(): boolean;
  connectedCallback(): void;
  canActivate(): boolean;
  activate(): void;
  deactivate(): void;
  protected render(): TemplateResult;
  protected willUpdate(props: PropertyValues<this>): void;
  protected updated(props: PropertyValues<this>): void;
}
export { OdxOption, OptionSize };