import React from "react";
export interface Image {
    data: string;
    id: string;
}
export interface ImageUploadAreaImageProps {
    image: Image;
    onDelete: (id: string) => void;
}
export declare const ImageUploadAreaImage: ({ image, onDelete, }: ImageUploadAreaImageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export interface ImageUploadAreaProps {
    images?: Image[];
    readBlob: (blob: Blob) => Promise<string>;
    onUpload: (data: string[]) => void;
    onDelete: (id: string) => void;
    onReorder?: (ids: string[]) => void;
    renderImage?: (props: ImageUploadAreaImageProps) => React.JSX.Element;
    /**
     * 複数選択モードを有効にします。
     * 有効にした状態で画像をクリックすると単独選択され、
     * Cmd/Ctrl + クリックで選択トグル、Shift + クリックで範囲選択ができます。
     * 選択中の画像をドラッグすると、選択された全画像がまとめて並び替えされます。
     */
    multiSelect?: boolean;
}
export declare const ImageUploadArea: ({ images, readBlob, onUpload, onDelete, onReorder, renderImage: ImageComponent, multiSelect, }: ImageUploadAreaProps) => import("@emotion/react/jsx-runtime").JSX.Element;