import type { ResolvedOption } from './use-options-resolver';
/**
 * Small square thumbnail for an option's `image`. When the option has no image
 * it falls back to a deterministic initials avatar (shared `InitialsAvatar`)
 * derived from `name`, so an imageless reference reads as a colored badge rather
 * than an empty placeholder — and rows/triggers stay aligned. `size` is in
 * pixels (kept small — 20–24px — so the picker reads as a list, not a gallery).
 * Inline style for the box dimensions: arbitrary Tailwind classes from a
 * federated addon don't always survive the host's class scan.
 */
export declare function OptionThumb({ image, name, size, }: {
    image?: string | null;
    name?: string | null;
    size?: number;
}): import("react").JSX.Element;
/**
 * Leading visual for an option: a photo thumbnail (FK relations with an image),
 * else a declared icon, else a color dot (enum/status options with a color).
 * Returns null when the option carries none, so plain text options stay plain.
 */
export declare function OptionLead({ option, size, }: {
    option?: Pick<ResolvedOption, 'image' | 'color' | 'icon' | 'label'> | null;
    size?: number;
}): import("react").JSX.Element | null;
//# sourceMappingURL=record-picker-option.d.ts.map