import { MouseEvent, ReactNode } from 'react';
import { SortableContainerProps } from 'react-sortable-hoc';
import type { BaseEditor } from 'slate';
import type { ReactEditor } from 'slate-react';
import { GalleryElement, RenderImageFn } from '@mercuriya/slate-gallery-common';
import { RenderControlsParams } from './types';
type GridProps<Editor extends BaseEditor & ReactEditor> = {
    editor: Editor;
    element: GalleryElement;
    images?: GalleryElement['images'];
    size: number;
    renderControls?: (params: RenderControlsParams) => ReactNode;
    renderImage?: RenderImageFn;
    onOpenEditModal: (e: MouseEvent<HTMLButtonElement>, index: number) => void;
    onRemove: (e: MouseEvent<HTMLButtonElement>, index: number) => void;
    imageWrapperClassName?: string;
    imageClassName?: string;
    leftClassName?: string;
    sortableContainerProps: SortableContainerProps;
};
export declare const Grid: <Editor extends BaseEditor & ReactEditor>({ editor, element, images, size, sortableContainerProps, ...props }: GridProps<Editor>) => import("react/jsx-runtime").JSX.Element;
export {};