export function DraggableBox({ id, className, mode, title, _left, _top, parent, allComponents, component, index, inCanvas, onEvent, onComponentClick, currentState, onComponentOptionChanged, onComponentOptionsChanged, onResizeStop, onDragStop, paramUpdated, resizingStatusChanged, zoomLevel, containerProps, setSelectedComponent, removeComponent, currentLayout, layouts, _deviceWindowWidth, isSelectedComponent, draggingStatusChanged, darkMode, canvasWidth, readOnly, customResolvables, parentId, hoveredComponent, onComponentHover, sideBarDebugger, isMultipleComponentsSelected, dataQueries, childComponents, reportTemplateDataMap, PatientRegistrationFormData, setPatientRegistrationFormData, onSubmitPatientRegistrationFormData, customMode, testResultData, patientData, parameterDetails, }: {
    id: any;
    className: any;
    mode: any;
    title: any;
    _left: any;
    _top: any;
    parent: any;
    allComponents: any;
    component: any;
    index: any;
    inCanvas: any;
    onEvent: any;
    onComponentClick: any;
    currentState: any;
    onComponentOptionChanged: any;
    onComponentOptionsChanged: any;
    onResizeStop: any;
    onDragStop: any;
    paramUpdated: any;
    resizingStatusChanged: any;
    zoomLevel: any;
    containerProps: any;
    setSelectedComponent: any;
    removeComponent: any;
    currentLayout: any;
    layouts: any;
    _deviceWindowWidth: any;
    isSelectedComponent: any;
    draggingStatusChanged: any;
    darkMode: any;
    canvasWidth: any;
    readOnly: any;
    customResolvables: any;
    parentId: any;
    hoveredComponent: any;
    onComponentHover: any;
    sideBarDebugger: any;
    isMultipleComponentsSelected: any;
    dataQueries: any;
    childComponents?: null | undefined;
    reportTemplateDataMap: any;
    PatientRegistrationFormData: any;
    setPatientRegistrationFormData: any;
    onSubmitPatientRegistrationFormData: any;
    customMode: any;
    testResultData: any;
    patientData: any;
    parameterDetails: any;
}): import("react/jsx-runtime").JSX.Element;