/**
 * External dependencies
 */
import { kebabCase } from 'lodash';
import memoize from 'memize';

/**
 * Generates the connected component CSS className based on the namespace.
 *
 * @param namespace The name of the connected component.
 * @return The generated CSS className.
 */
function getStyledClassName( namespace: string ): string {
	const kebab = kebabCase( namespace );
	return `components-${ kebab }`;
}

export const getStyledClassNameFromKey = memoize( getStyledClassName );