import React, { type FC, type ReactNode } from 'react'; import { type ScreenReaderInstructions } from '@dnd-kit/core'; import type { Styles, SortableId, SingleSortableIds, DragStartUserEvent, DragOverUserEvent, DragEndUserEvent, DragCancelUserEvent } from './types'; export interface SortableProviderProps { value: SingleSortableIds; onChange?: (value: SingleSortableIds, meta: { from: number; to: number; }) => void; children: ReactNode; restrictAxis?: boolean; screenReaderInstructions?: ScreenReaderInstructions; accessibilityContainer?: HTMLElement; variant?: 'dynamic' | 'static'; disableDragOverlay?: boolean; dragPlaceholderStyle?: Styles; onDragStart?: (event: DragStartUserEvent) => void; onDragOver?: (event: DragOverUserEvent) => void; onDragEnd?: (event: DragEndUserEvent) => void; onDragCancel?: (event: DragCancelUserEvent) => void; dragOverlay?: FC<{ children: ReactNode; }>; disabled?: boolean; } declare const SortableProvider: (props: SortableProviderProps) => React.JSX.Element; export default SortableProvider;