import { __ } from '@wordpress/i18n';
import type { JSX } from 'react';
import { Empty } from '../../shared/ui/Empty';

export function NoLinks( { search }: { search: string } ): JSX.Element {
	if ( search !== '' ) {
		return (
			<Empty
				title={ __(
					'No links match your search',
					'aiplaz-link-checkup'
				) }
			>
				{ __(
					'Try a shorter word or clear the search.',
					'aiplaz-link-checkup'
				) }
			</Empty>
		);
	}

	return (
		<Empty title={ __( 'Nothing here', 'aiplaz-link-checkup' ) }>
			{ __(
				'Links in this group will show up here when we find them.',
				'aiplaz-link-checkup'
			) }
		</Empty>
	);
}