@gechiui/components/src/ui/form-group/form-group-help.js

UI components for GeChiUI.

/**
 * GeChiUI dependencies
 */
import { memo } from '@gechiui/element';

/**
 * Internal dependencies
 */
import { ContextSystemProvider } from '../context';

const contextValue = { Text: { variant: 'muted' } };

/**
 * @typedef Props
 * @property {import('react').ReactNode} [children] The content to display within `FormGroupHelp`.
 */

/**
 *
 * @param {Props} props
 */
function FormGroupHelp( { children } ) {
	if ( ! children ) return null;

	return (
		<ContextSystemProvider value={ contextValue }>
			{ children }
		</ContextSystemProvider>
	);
}

export default memo( FormGroupHelp );