36 lines
847 B
JavaScript
36 lines
847 B
JavaScript
/**
|
||
* External dependencies
|
||
*/
|
||
import { __, sprintf, _n } from '@wordpress/i18n';
|
||
import PropTypes from 'prop-types';
|
||
import Title from '@woocommerce/base-components/title';
|
||
|
||
const CartLineItemsTitle = ( {
|
||
title = __( 'Shopping cart', 'woo-gutenberg-products-block' ),
|
||
itemCount = 1,
|
||
} ) => {
|
||
const itemCountHeading = sprintf(
|
||
_n( '%d item', '%d items', itemCount, 'woo-gutenberg-products-block' ),
|
||
itemCount
|
||
);
|
||
const readableHeading = `${ title } – ${ itemCountHeading }`;
|
||
|
||
return (
|
||
<Title headingLevel="2" aria-label={ readableHeading }>
|
||
<span>{ title } </span>
|
||
{ !! itemCount && (
|
||
<span className="wc-block-cart__item-count">
|
||
{ itemCountHeading }
|
||
</span>
|
||
) }
|
||
</Title>
|
||
);
|
||
};
|
||
|
||
CartLineItemsTitle.propTypes = {
|
||
title: PropTypes.string,
|
||
itemCount: PropTypes.number,
|
||
};
|
||
|
||
export default CartLineItemsTitle;
|