@gechiui/block-editor/src/components/block-list/use-block-props/use-block-default-class-name.js

Generic block editor.

/**
 * GeChiUI dependencies
 */
import { useSelect } from '@gechiui/data';
import { getBlockType, getBlockDefaultClassName } from '@gechiui/blocks';

/**
 * Internal dependencies
 */
import { store as blockEditorStore } from '../../../store';

/**
 * Returns the default class name if the block is a light block and it supports
 * `className`.
 *
 * @param {string} clientId The block client ID.
 *
 * @return {string} The class name, e.g. `gc-block-paragraph`.
 */
export function useBlockDefaultClassName( clientId ) {
	return useSelect(
		( select ) => {
			const name = select( blockEditorStore ).getBlockName( clientId );
			const blockType = getBlockType( name );
			const hasLightBlockWrapper = blockType?.apiVersion > 1;

			if ( ! hasLightBlockWrapper ) {
				return;
			}

			return getBlockDefaultClassName( name );
		},
		[ clientId ]
	);
}