import { __ } from '@wordpress/i18n';
import type { JSX } from 'react';
import { useScanAction } from '../api/useScanAction';
import { Button } from '../ui/Button';

export function PauseScanButton( {
	isPaused,
}: {
	isPaused: boolean;
} ): JSX.Element {
	const scanAction = useScanAction();

	if ( isPaused ) {
		return (
			<Button
				size="sm"
				disabled={ scanAction.isPending }
				onClick={ () => {
					scanAction.mutate( 'resume' );
				} }
			>
				{ __( 'Continue', 'aiplaz-link-checkup' ) }
			</Button>
		);
	}

	return (
		<Button
			size="sm"
			icon="pause"
			disabled={ scanAction.isPending }
			onClick={ () => {
				scanAction.mutate( 'pause' );
			} }
		>
			{ __( 'Pause', 'aiplaz-link-checkup' ) }
		</Button>
	);
}