import React from 'react';
import { DropzoneOptions } from 'react-dropzone';
import { Theme } from '../../styles';
export interface FileUploaderProps extends DropzoneOptions {
    file?: FileProps;
    text?: string;
}
export interface FileProps {
    error?: boolean;
    progress?: number;
    selectedFile?: File;
    uploading?: boolean;
}
export declare function FileUploader(props: FileUploaderProps): JSX.Element;
export interface FileDetailsProps {
    file: FileProps;
}
export declare function FileDetails(props: FileDetailsProps): JSX.Element;
export interface FileInfoProps {
    file: FileProps;
}
export declare function FileInfo(props: FileInfoProps): JSX.Element;
export interface FileExtensionProps {
    extension: string;
}
export declare function FileExtension(props: FileExtensionProps): JSX.Element;
export declare const createStyles: (theme: Theme) => {
    componentWrapper: React.CSSProperties;
    buttonWrapper: React.CSSProperties;
    dropzone: React.CSSProperties;
    dragBackground: React.CSSProperties;
    dragActive: React.CSSProperties;
    disabled: React.CSSProperties;
    file: {
        borderRadius: number;
        borderBottom: string;
        borderLeft: string;
        borderRight: string;
        padding: string;
    };
    fileDetailsContainer: {
        backgroundColor: string;
        alignItems: string;
        display: string;
    };
    fileDetails: {
        flexGrow: number;
        marginLeft: string;
    };
    fileName: React.CSSProperties;
};