34 lines
699 B
TypeScript
34 lines
699 B
TypeScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { _n, sprintf } from '@wordpress/i18n';
|
||
|
|
import { useBlockProps } from '@wordpress/block-editor';
|
||
|
|
import type { ReactElement } from 'react';
|
||
|
|
|
||
|
|
const MiniCartBlock = (): ReactElement => {
|
||
|
|
const blockProps = useBlockProps( {
|
||
|
|
className: 'wc-block-mini-cart',
|
||
|
|
} );
|
||
|
|
|
||
|
|
const productCount = 0;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div { ...blockProps }>
|
||
|
|
<button className="wc-block-mini-cart__button">
|
||
|
|
{ sprintf(
|
||
|
|
/* translators: %d is the number of products in the cart. */
|
||
|
|
_n(
|
||
|
|
'%d product',
|
||
|
|
'%d products',
|
||
|
|
productCount,
|
||
|
|
'woo-gutenberg-products-block'
|
||
|
|
),
|
||
|
|
productCount
|
||
|
|
) }
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default MiniCartBlock;
|