import { View } from "react-native";
import type { Data, UniqueIdentifier } from "../types";
export type UseDroppableOptions = {
    id: UniqueIdentifier;
    data?: Data;
    disabled?: boolean;
};
/**
 * useDroppable is a custom hook that provides functionality for making a component droppable within a drag and drop context.
 *
 * @function
 * @example
 * const { setNodeRef, setNodeLayout, activeId, panGestureState } = useDroppable({ id: 'droppable-1' });
 *
 * @param {object} options - The options that define the behavior of the droppable component.
 * @param {string} options.id - A unique identifier for the droppable component.
 * @param {object} [options.data={}] - Optional data associated with the droppable component.
 * @param {boolean} [options.disabled=false] - A flag that indicates whether the droppable component is disabled.
 */
export declare const useDroppable: ({ id, data, disabled }: UseDroppableOptions) => {
    props: {
        ref: import("react").MutableRefObject<View>;
        onLayout: (event: import("react-native").LayoutChangeEvent) => void;
    };
    activeId: import("react-native-reanimated").SharedValue<UniqueIdentifier | null>;
    panGestureState: import("react-native-reanimated").SharedValue<import("react-native-gesture-handler/lib/typescript/typeUtils").ValueOf<{
        readonly UNDETERMINED: 0;
        readonly FAILED: 1;
        readonly BEGAN: 2;
        readonly CANCELLED: 3;
        readonly ACTIVE: 4;
        readonly END: 5;
    }>>;
};