import { Data } from '@dnd-kit/abstract';
import { AnyComponentSchema } from '@open-formulieren/types';
import { default as React } from 'react';
export interface SortableItemData extends Data {
    component: AnyComponentSchema;
}
interface SortableItemProps extends React.PropsWithChildren {
    id: string;
    index: number;
    groupName: string;
    component: AnyComponentSchema;
    hasControls?: boolean;
}
declare const SortableItem: React.FC<SortableItemProps>;
interface SortableItemViewProps extends React.PropsWithChildren {
    testId?: string;
    component: AnyComponentSchema;
    className?: string;
    showControls?: boolean;
}
declare const SortableItemView: React.ForwardRefExoticComponent<SortableItemViewProps & React.RefAttributes<any>>;
export { SortableItemView };
export default SortableItem;