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

export function FixAllPromises(): JSX.Element {
	const promises = [
		__( 'A revision of every post is saved first.', 'aiplaz-link-checkup' ),
		__(
			'Posts are changed 10 at a time, so your site stays fast.',
			'aiplaz-link-checkup'
		),
		__( 'You can undo it afterwards.', 'aiplaz-link-checkup' ),
	];

	return (
		<ul className="checks">
			{ promises.map( ( promise ) => (
				<li key={ promise }>
					<Icon name="check" />
					<span>{ promise }</span>
				</li>
			) ) }
		</ul>
	);
}