import type { FC } from "react";
import type { OptionAvatar } from "./Select.types";
/**
 * The avatar rendered inside multi-select tags and menu rows.
 *
 * Two known compromises:
 *
 * 1. The 1px ring comes from `className` — `Avatar` has no border support.
 * 2. `Avatar`'s colours resolve to Tailwind's built-in palette, not our
 *    semantic tokens, so they sit slightly off the design. Tracked in DES-173;
 *    not fixable from outside the component.
 *
 * Initials are truncated to one character here because this wrapper is what
 * pins the avatar to 24px, which is why the design shows a single letter. The
 * full name still reaches screen readers via `alt`.
 */
export declare const SelectOptionAvatar: FC<{
    avatar: OptionAvatar;
}>;