import { User, UserGroup } from '@zeniai/client-epic-state';
import { TextStyle } from '../../../../designSystem/zeniConstants';
export interface PickerStyles {
    backgroundColor: string;
    multiValueLabelTitleStyle: TextStyle;
    optionBackgroundColor: string;
    optionTextStyle: TextStyle;
    selectedOptionBackgroundColor: string;
    selectedOptionColor: string;
    titleTextAlignment: "flex-start" | "flex-end" | "center";
    titleTextStyle: TextStyle;
}
export interface RoleSelectableUser extends User {
    isRoleSelected: boolean;
    isUserSelectionUpdated?: boolean;
}
export interface Props {
    allUsers: User[];
    name: string;
    selectedUsers: User[] | RoleSelectableUser[];
    allUserGroups?: UserGroup[];
    customization?: {
        placeholderLabel?: string;
    };
    disable?: boolean;
    isReadOnly?: boolean;
    pickerStyles?: Partial<PickerStyles>;
    selectedUserGroups?: UserGroup[];
    onSelectedUsersChanged: (selectedUsers: RoleSelectableUser[], deSelectedUsers: RoleSelectableUser[]) => void;
    onSelectedUserGroupsChanged?: (selectedUserGroups: UserGroup[]) => void;
}
export default function UserMultiSelect({ name, allUsers, allUserGroups, selectedUserGroups, onSelectedUserGroupsChanged, onSelectedUsersChanged, selectedUsers, disable, pickerStyles: { optionBackgroundColor, optionTextStyle, titleTextStyle, backgroundColor, titleTextAlignment, selectedOptionColor, multiValueLabelTitleStyle, }, customization: { placeholderLabel }, isReadOnly, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;