import React, { HTMLAttributes } from 'react';
import { DraggableEvent } from './types';
export type DraggableAreaProps = {
    areaId: string;
    className: string;
    onDragStart?: (event: DraggableEvent) => void;
    onDrag: (event: DraggableEvent) => void;
    onDragEnd?: (event: DraggableEvent | string) => void;
    children?: React.ReactNode;
    testId?: string;
    tagName?: keyof JSX.IntrinsicElements;
} & Omit<HTMLAttributes<HTMLDivElement>, 'onDragEnd' | 'onDrag' | 'onDragStart'>;
export declare function DraggableArea({ areaId, testId, className, onDragStart, onDrag, onDragEnd, children, ...props }: DraggableAreaProps): import("react/jsx-runtime").JSX.Element;
