import { NonCancelableEventHandler } from '../../../types/events'; import { DndAreaI18nStrings as SharedDndAreaI18nStrings } from '../../../types/sortable-area'; import { DragHandleProps } from '../drag-handle/interfaces'; export interface SortableAreaProps { items: readonly Item[]; itemDefinition: SortableAreaProps.ItemDefinition; renderItem: (props: SortableAreaProps.RenderItemProps) => React.ReactNode; onItemsChange?: NonCancelableEventHandler>; i18nStrings?: SortableAreaProps.DndAreaI18nStrings; disableReorder?: boolean; } export declare namespace SortableAreaProps { interface ItemDefinition { id: (item: Item) => string; label: (item: Item) => string; borderRadius?: BorderRadiusVariant; } type BorderRadiusVariant = 'item' | 'container'; interface RenderItemProps { ref?: React.RefCallback; item: Item; id: string; style: React.CSSProperties; className?: string; isDropPlaceholder: boolean; isSortingActive: boolean; isDragGhost: boolean; dragHandleProps: DragHandleProps; } interface ItemsChangeDetail { items: Item[]; movedItem: Item; } type DndAreaI18nStrings = SharedDndAreaI18nStrings; }