@wordpress/editor/src/components/editor-help/help-topic-row.native.js

Enhanced block editor for WordPress posts.

/**
 * External dependencies
 */
import { useNavigation } from '@react-navigation/native';

/**
 * WordPress dependencies
 */
import { TextControl, Icon } from '@wordpress/components';
import { chevronRight } from '@wordpress/icons';

const HelpTopicRow = ( { label, icon, screenName, isLastItem } ) => {
	const navigation = useNavigation();

	const openSubSheet = () => {
		navigation.navigate( screenName );
	};

	return (
		<TextControl
			separatorType={ isLastItem ? 'none' : 'leftMargin' }
			customActionButton
			leftAlign
			onPress={ openSubSheet }
			label={ label }
			icon={ icon }
		>
			<Icon icon={ chevronRight } />
		</TextControl>
	);
};

export default HelpTopicRow;