@gechiui/block-editor/src/components/inserter-draggable-blocks/index.js

Generic block editor.

/**
 * GeChiUI dependencies
 */
import { Draggable } from '@gechiui/components';
/**
 * Internal dependencies
 */
import BlockDraggableChip from '../block-draggable/draggable-chip';

const InserterDraggableBlocks = ( { isEnabled, blocks, icon, children } ) => {
	const transferData = {
		type: 'inserter',
		blocks,
	};

	return (
		<Draggable
			__experimentalTransferDataType="gc-blocks"
			transferData={ transferData }
			__experimentalDragComponent={
				<BlockDraggableChip count={ blocks.length } icon={ icon } />
			}
		>
			{ ( { onDraggableStart, onDraggableEnd } ) => {
				return children( {
					draggable: isEnabled,
					onDragStart: isEnabled ? onDraggableStart : undefined,
					onDragEnd: isEnabled ? onDraggableEnd : undefined,
				} );
			} }
		</Draggable>
	);
};

export default InserterDraggableBlocks;