import Component from '@glimmer/component';
import { displayMapping } from 'ember-eui/utils/css-mappings/eui-file-picker';
export declare type EuiFilePickerDisplay = keyof typeof displayMapping;
/**
 * You can find more typing on the template
 */
declare type EuiFilePicker = {
    id?: string;
    name?: string;
    class?: string;
    /**
     * The content that appears in the dropzone if no file is attached
     */
    initialPromptText?: Component | string | null;
    /**
     * Use as a callback to access the HTML FileList API
     */
    onChange?: (files: FileList | null) => void;
    /**
     * Reduces the size to a typical (compressed) input
     */
    compressed?: boolean;
    /**
     * Size or type of display;
     * `default` for normal height, similar to other controls;
     * `large` for taller size
     */
    display?: EuiFilePickerDisplay;
    fullWidth?: boolean;
    isInvalid?: boolean;
    isLoading?: boolean;
    disabled?: boolean;
};
export default class EuiFilePickerComponent extends Component<EuiFilePicker> {
    fileInput: HTMLInputElement | null;
    promptText: string | null | undefined;
    isHoveringDrop: boolean;
    initialPromptText: Component | string | null;
    compressed: boolean;
    display: string;
    showDrop(): void;
    hideDrop(): void;
    handleChange(filesSelected?: string | null): void;
    removeFiles(e: MouseEvent): void;
    didInsertInput(inputRef: HTMLInputElement): void;
}
export {};