import { ChangeEvent } from "react";
interface ColumnFilterItemProps {
    name: string;
    onToggle: (toggled: boolean, event: ChangeEvent<HTMLInputElement>) => void;
    toggled: boolean;
    disabled: boolean;
    onDrop: () => void;
    onCancelDrop: () => void;
    moveColumn: (dragIndex: number, hoverIndex: number) => void;
    index: number;
    id: string;
    isSortDisabled?: boolean;
}
/**
 * Component for rendering an individual column filter item with drag-and-drop,
 * toggle, and locking capabilities.
 *
 * @param {object} props - Props for the component.
 * @param {string} props.name - The name of the column.
 * @param {(toggled: boolean, event: ChangeEvent<HTMLInputElement>) => void} props.onToggle - Callback for when a column's toggled state changes.
 * @param {boolean} props.toggled - Whether the column is toggled on or off.
 * @param {boolean} props.disabled - Whether the toggle or drag functionality is disabled.
 * @param {number} props.index - The index of the current column in the list.
 * @param {(dragIndex: number, hoverIndex: number) => void} props.moveColumn - Function to move columns during drag-and-drop.
 * @param {() => void} props.onDrop - Callback when a column is dropped.
 * @param {() => void} props.onCancelDrop - Callback for canceling a drop action.
 * @param {string} props.id - Unique identifier for the column.
 * @param {boolean} [props.isSortDisabled] - Optional flag to disable sorting.
 * @returns {Element} A React component rendering the column filter item.
 */
export declare const ColumnFilterItem: ({ name, onToggle, toggled, disabled, index, moveColumn, onDrop, onCancelDrop, id, isSortDisabled, }: ColumnFilterItemProps) => import("react/jsx-runtime").JSX.Element;
export {};