import { default as React } from 'react';
import { BoxProps } from '@starasia/box';

export type AspectRatioKey = "1:1" | "4:3" | "16:9" | "3:4" | "9:16" | "2:3" | "3:2" | "32:9";
export type InputImageRef = {
    openFileDialog: () => void;
};
export type InputImageProps = {
    handleUpload?: (file: File) => void;
    urlImage?: string | null;
    isUploading?: boolean;
    croppedImage: string | null;
    setCroppedImage: (value: string | null, file?: File) => void;
    size?: "48" | "64" | "80" | "96" | "128" | "160" | "192" | "224" | "256";
    aspect?: AspectRatioKey;
    containerProps?: {
        bg?: BoxProps["bg"];
        borderColor?: BoxProps["borderColor"];
        borderStyle?: BoxProps["borderStyle"];
        borderWidth?: BoxProps["borderWidth"];
        borderRadius?: BoxProps["borderRadius"];
        fullWidth?: BoxProps["fullWidth"];
    };
    maxFileSize?: number;
    onError?: (message: string) => void;
};
export declare const InputImage: React.ForwardRefExoticComponent<InputImageProps & React.RefAttributes<InputImageRef>>;
