import React from 'react';
import { Element } from 'slate';
export type BlockMenuItem = {
    id: number;
    defaultElement: Element;
    icon: any;
    title: string;
    searchTerms: string[];
};
export type MenuItemCoordinates = {
    x: number;
    y: number;
};
declare const useBlockGrid: (textInputRef: React.MutableRefObject<HTMLInputElement>, imageFilePickerRef: React.MutableRefObject<HTMLInputElement>) => {
    isActive: boolean;
    top: number;
    left: number;
    gridRows: BlockMenuItem[][];
    focusedCoordinates: {
        x: number;
        y: number;
    };
    filterText: string;
    onFilterTextChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
    onImageSelect: (e: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
    selectBlock: (block: BlockMenuItem) => void;
    hoverBlock: (x: number, y: number) => void;
};
export default useBlockGrid;