/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';

/**
 * Internal dependencies
 */
import { useNavigationContext } from '../context';
import { ItemBaseUI, ItemUI } from '../styles/navigation-styles';

import type { NavigationSearchNoResultsFoundProps } from '../types';

export default function NavigationSearchNoResultsFound( {
	search,
}: NavigationSearchNoResultsFoundProps ) {
	const {
		navigationTree: { items },
	} = useNavigationContext();

	const resultsCount = Object.values( items ).filter(
		( item ) => item._isVisible
	).length;

	if ( ! search || !! resultsCount ) {
		return null;
	}

	return (
		<ItemBaseUI>
			<ItemUI>{ __( 'No results found.' ) } </ItemUI>
		</ItemBaseUI>
	);
}