/**
 * External dependencies
 */
import { __, sprintf } from '@wordpress/i18n';
import PropTypes from 'prop-types';

/**
 * Internal dependencies
 */
import ProductBadge from '../product-badge';

/**
 * Returns a low stock badge.
 *
 * @param {Object}  props                   Incoming props for the component.
 * @param {boolean} props.lowStockRemaining Whether or not there is low stock remaining.
 */
const ProductLowStockBadge = ( { lowStockRemaining } ) => {
	if ( ! lowStockRemaining ) {
		return null;
	}

	return (
		<ProductBadge className="kkart-block-components-product-low-stock-badge">
			{ sprintf(
				/* translators: %d stock amount (number of items in stock for product) */
				__( '%d left in stock', 'kkart' ),
				lowStockRemaining
			) }
		</ProductBadge>
	);
};

ProductLowStockBadge.propTypes = {
	lowStockRemaining: PropTypes.number,
};

export default ProductLowStockBadge;
