import { default as React } from 'react';
import { default as IFileUploadProps } from './IFileUploadProps';
/**
 * FileUpload component provides a user interface for selecting and uploading files.
 * Can work in both controlled and uncontrolled modes:
 * - Controlled mode: when fileList and onChange props are provided
 * - Uncontrolled mode: when fileList and onChange props are not provided (component manages its own state)
 * @param props {@link IFileUploadProps} - The component props
 * @returns FileUpload component
 *
 * @example
 * ```tsx
 * // Basic usage
 * function App() {
 *   const [fileList, setFileList] = useState<IFileWithStatus[]>([]);
 *
 *   const onChange = ({fileList}: {fileList: IFileWithStatus[]}) => {
 *     setFileList(fileList);
 *   };
 *
 *   return (
 *     <FileUpload
 *       aria-label="Upload files"
 *       value={fileList}
 *       onChange={onChange}
 *     />
 *   );
 * ```
 *
 * @example
 * ```tsx
 * // Example for onUpload function when file is uploaded
 * function App() {
 *   const [fileList, setFileList] = useState<IFileWithStatus[]>([]);
 *
 *   // This function will be called when each file is uploaded
 *   // You can use this function to update the file list or perform other actions
 *   const onUpload = (file: IFileWithStatus, setProgress: (progress: number) => void) => {
 *     // Simulate file upload with progress updates
 *     for (let percent = 0; percent <= 100; percent += 10) {
 *       await new Promise(resolve => setTimeout(resolve, 100));
 *       setProgress(percent);
 *     }
 *   };
 *
 *   const onChange = ({fileList}: {fileList: IFileWithStatus[]}) => {
 *     setFileList(fileList);
 *   };
 *
 *   return <FileUpload aria-label="Upload files" allowMultiple={true} onUpload={onUpload} value={fileList} onChange={onChange} />;
 * }
 * ```
 *
 * @example
 * ```tsx
 * // Custom icon and texts. Omitted content fields keep their German default.
 * <FileUpload
 *   aria-label="CSV-Datei hochladen"
 *   icon="FileSpreadsheet"
 *   acceptedFileType=".csv"
 *   content={{ prompt: 'CSV-Datei hierher ziehen oder', browse: 'auswählen', hint: ({ maxSizeLabel }) => `Bis zu ${maxSizeLabel}` }}
 * />
 * ```
 *
 * @example
 * ```tsx
 * // Replace the icon and texts entirely. FileUpload keeps the dropzone, its keyboard handling and accessible name.
 * // No layout is applied to the content, so style it yourself.
 * <FileUpload
 *   aria-label="Logo hochladen"
 *   renderContent={({ isDragActive }) => (
 *     <Box className="flex flex-col items-center gap-[var(--spacing-3)] p-[var(--spacing-6)]">
 *       <Text>{isDragActive ? 'Jetzt loslassen' : 'Logo hochladen'}</Text>
 *     </Box>
 *   )}
 * />
 * ```
 */
declare const FileUpload: React.FC<IFileUploadProps>;
export default FileUpload;