import { default as React } from 'react';
import { Person } from '@zeniai/client-epic-state';
import { DisableMode } from '../../formElements/common/common';
export interface Props {
    allUsers: Person[];
    /** When true, extra right margin on small screens (e.g. physical card forms). */
    bigMarginRightForSmallScreens?: boolean;
    disabledOptionHint?: string;
    isDisabled?: DisableMode;
    isOptionRemovable?: boolean;
    isValuePlacedAtEnd?: boolean;
    name?: string;
    optionStyles?: React.CSSProperties;
    placeholder?: string;
    selectedValue?: string;
    showAvatarAndSubtitles?: boolean;
    showOneOffLabel?: {
        label: string;
        position: "top" | "bottom";
        subtitles: string[];
        value: string;
    };
    showOnlyAvatar?: boolean;
    style?: React.CSSProperties;
    onSelectionChanged: (selectedUser?: string) => void;
    valueToSubtitle: (value: string) => string[];
    isOptionDisabled?: (value: string) => boolean;
}
export default function UserSingleSelectWithSubtitles({ allUsers, selectedValue, showOneOffLabel, placeholder, isOptionRemovable, valueToSubtitle, onSelectionChanged, name, optionStyles, isDisabled, style, showOnlyAvatar, showAvatarAndSubtitles, isOptionDisabled, disabledOptionHint, isValuePlacedAtEnd, bigMarginRightForSmallScreens, }: Props): import("react/jsx-runtime").JSX.Element;