/**
 * External dependencies
 */
import { BlockInstance } from '@wordpress/blocks';
import { isEqual } from 'lodash';

/**
 * Internal dependencies
 */
import { PatternWithBlocks } from '../hooks/use-patterns';

export const findPatternByBlock = (
	patterns: PatternWithBlocks[],
	block: BlockInstance
) => {
	const blockAttributes = block.attributes;
	if (
		blockAttributes.className &&
		blockAttributes.className.includes( 'preview-opacity' )
	) {
		// Remove the preview opacity class from the footer block because it's added by the editor, not the pattern.
		blockAttributes.className = blockAttributes.className.replaceAll(
			' preview-opacity',
			''
		);
	}

	return patterns.find( ( pattern ) =>
		isEqual( pattern.blocks[ 0 ].attributes, blockAttributes )
	);
};