import { ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
import { SortField } from '../../types';
export type PopoverMenuFieldsProps = {
    selectFieldIndex: number;
    fields: SortField[];
    /** Texto actual del input "Ordenar por" (del store). */
    inputData: string;
    /** Placeholder del input (del diccionario). */
    inputPlaceHolder: string;
    /** Handlers del input (focus/change/keyDown) construidos en useInputSort. */
    inputHandlersProps: {
        onFocus: (event: FocusEvent<HTMLInputElement>) => void;
        onChange: (event: ChangeEvent<HTMLInputElement>) => void;
        onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
    };
    /** Modo skeleton mientras cargan los módulos. */
    isSkeleton: boolean;
};
/**
 * PopoverMenuFields: Popover con el input "Ordenar por" en la parte superior
 * y debajo el listado de campos disponibles para crear un nuevo sort.
 * El popover se abre al hacer click en el IconButton trigger de InputSort.
 */
declare function PopoverMenuFields(props: PopoverMenuFieldsProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
export default PopoverMenuFields;
//# sourceMappingURL=PopoverMenuFields.d.ts.map