function showStep(t, step, index, steps) {
	const cssStep = getClass('stepper-step', `stepper-step-${step.status}`);

	const a11y = {};
	if (
		[LOADING_STEP_STATUSES.LOADING, LOADING_STEP_STATUSES.FAILURE].includes(step.status) ||
		(index === steps.length - 1 && step.status === LOADING_STEP_STATUSES.SUCCESS)
	) {
		a11y['aria-current'] = true;
	}

	return (
		<li className={cssStep} key={`step-${index}`} {...a11y}>
			<div className={getClass('stepper-step-infos')}>
				{getIconByStatus(step.status)}
				{step.label}
				{getStatusText(t, step.status)}
			</div>

			{step.message && (
				<div className={getClass('stepper-step-message')}>
					<span className={getClass('stepper-step-message-label')}>{step.message.label}</span>
					{step.message.description && <p>{step.message.description}</p>}
				</div>
			)}
		</li>
	);
}
/**
 * This function returns a rendered step
 * @param {object} step the current loading step
 * @param {number} index the index for the key
 */
This function returns a rendered step
@param {object} step the current loading step
@param {number} index the index for the key
This function returns a rendered step @param { object } step the current loading step @param { number } index the index for the key
function showStep(t, step, index, steps) {
	const cssStep = getClass('stepper-step', `stepper-step-${step.status}`);
	const a11y = {};
	if (
		[LOADING_STEP_STATUSES.LOADING, LOADING_STEP_STATUSES.FAILURE].includes(step.status) ||
		(index === steps.length - 1 && step.status === LOADING_STEP_STATUSES.SUCCESS)
	) {
		a11y['aria-current'] = true;
	}
	return (
		<li className={cssStep} key={`step-${index}`} {...a11y}>
			<div className={getClass('stepper-step-infos')}>
				{getIconByStatus(step.status)}
				{step.label}
				{getStatusText(t, step.status)}
			</div>
			{step.message && (
				<div className={getClass('stepper-step-message')}>
					<span className={getClass('stepper-step-message-label')}>{step.message.label}</span>
					{step.message.description && <p>{step.message.description}</p>}
				</div>
			)}
		</li>
	);
}
function showStep ( t , step , index , steps ) { const cssStep = getClass ( 'stepper-step' , ` ${ step . status } ` ) ; const a11y = { } ; if ( [ LOADING_STEP_STATUSES . LOADING , LOADING_STEP_STATUSES . FAILURE ] . includes ( step . status ) || ( index === steps . length - 1 && step . status === LOADING_STEP_STATUSES . SUCCESS ) ) { a11y [ 'aria-current' ] = true ; } return ( < li className = { cssStep } key = { ` ${ index } ` } { ... a11y } > < div className = { getClass ( 'stepper-step-infos' ) } > { getIconByStatus ( step . status ) } { step . label } { getStatusText ( t , step . status ) } < / div > { step . message && ( < div className = { getClass ( 'stepper-step-message' ) } > < span className = { getClass ( 'stepper-step-message-label' ) } > { step . message . label } < / span > { step . message . description && < p > { step . message . description } < / p > } < / div > ) } < / li > ) ; }
This function returns a rendered step
 @param {object} step the current loading step
 @param {number} index the index for the key
This function returns a rendered step @param { object } step the current loading step @param { number } index the index for the key