import * as React from 'react';
import { ReactNode } from 'react';
import './TS_ListOrganizer.scss';
import { ComponentSync } from '../../core/ComponentSync.js';
type State<T> = {
    items: T[];
};
export type TS_ListOrganizer_RendererProps<T> = {
    item: T;
    index: number;
    dragged: boolean;
    onDragStart: (e: React.DragEvent<HTMLElement>, itemIndex: number) => void;
    onDragOver: (e: React.DragEvent<HTMLElement>, itemIndex: number) => void;
    onDragLeave: (e: React.DragEvent<HTMLElement>, itemIndex: number) => void;
    onDragEnd: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
};
type Props<T> = {
    items: T[];
    renderer: (props: TS_ListOrganizer_RendererProps<T>) => ReactNode;
    onOrderChanged: (items: T[]) => void | Promise<void>;
};
export declare class TS_ListOrganizer<T> extends ComponentSync<Props<T>, State<T>> {
    private draggedItemIndex;
    private lockRowIndex;
    private activeDrag;
    protected deriveStateFromProps(nextProps: Props<T>, state: State<T>): State<T>;
    onDragStart: (e: React.DragEvent<HTMLElement>, rowIndex: number) => void;
    onDragOver: (e: React.MouseEvent<HTMLElement, MouseEvent>, rowIndex: number) => void;
    onDragEnd: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
    onDragLeave: (e: React.MouseEvent<HTMLElement, MouseEvent>, rowIndex: number) => void;
    render(): import("react/jsx-runtime").JSX.Element;
}
export {};