// @ts-check

/**
 * External dependencies
 */
import * as React from 'react';

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';

/**
 * @typedef ButtonPreviousProps
 * @property {React.EventHandler<React.MouseEvent<HTMLButtonElement, MouseEvent>>} onClick The click handler.
 */

/**
 * The previous button.
 *
 * @param {ButtonPreviousProps} props The component props.
 * @return {React.ReactElement} The component for the step content.
 */
const ButtonPrevious = ( { onClick } ) => {
	return (
		<button className="btn btn-secondary" onClick={ onClick }>
			{ __( 'Previous', 'block-lab' ) }
		</button>
	);
};

export default ButtonPrevious;