<?php
/**
 * Results Count block render.
 *
 * @package automattic/jetpack-search
 */

namespace Automattic\Jetpack\Search;

?>
<?php
// Intentionally render the element even when the count text is empty. The
// Blog Search Page pattern places results-count and results-sort in a flex
// group with `justifyContent: space-between`; removing the element from the
// flow when there are no results would collapse that layout, snapping the
// sort control to the left. An always-present (but text-empty) paragraph
// keeps the two controls at the outer edges of the row.
//
// Pre-hydration text: `state.resultsCountText` is seeded with the localized
// "Searching…" string when the URL is going to trigger an initial fetch
// (see `Search_Blocks::build_initial_state()`), and the IA SSR pass writes
// that string into the body via `data-wp-text` — so a deep link no longer
// flashes a blank line before JS hydrates.
?>
<p
	<?php echo wp_kses_data( get_block_wrapper_attributes() ); ?>
	data-wp-interactive="jetpack-search"
	data-wp-text="state.resultsCountText"
></p>
