import type { ComponentType, ReactNode } from "react";
import { GridStack } from "gridstack";
import type { GridStackDroppedHandler, GridStackElementHandler, GridStackNodesHandler } from "gridstack";
import type { GridStackOptions } from "./types";
/** Maps `component` JSON keys to React components (props are merged from saved `props`). */
export type ComponentMap = Record<string, ComponentType<Record<string, unknown>>>;
export interface GridStackProps {
    options: GridStackOptions;
    /** Map `component` field in widget JSON to React components (recommended / component mode) */
    components?: ComponentMap;
    children?: ReactNode;
    /** Content to render when the grid has no items (mirrors Angular `[empty-content]`). */
    emptyContent?: ReactNode;
    className?: string;
    style?: React.CSSProperties;
    onAdded?: (e: Event, nodes: Parameters<GridStackNodesHandler>[1]) => void;
    onChange?: (e: Event, nodes: Parameters<GridStackNodesHandler>[1]) => void;
    onRemoved?: (e: Event, nodes: Parameters<GridStackNodesHandler>[1]) => void;
    onEnable?: (e: Event) => void;
    onDisable?: (e: Event) => void;
    onDrag?: GridStackElementHandler;
    onDragStart?: GridStackElementHandler;
    onDragStop?: GridStackElementHandler;
    onDropped?: GridStackDroppedHandler;
    onResize?: GridStackElementHandler;
    onResizeStart?: GridStackElementHandler;
    onResizeStop?: GridStackElementHandler;
}
export interface GridStackHandle {
    getGrid: () => GridStack | null;
}
export declare const GridStackComponent: import("react").ForwardRefExoticComponent<GridStackProps & import("react").RefAttributes<GridStackHandle>>;
export { GridStackComponent as GridStack };
//# sourceMappingURL=gridstack.d.ts.map