woocommerce/plugins/woocommerce-blocks/assets/js/blocks/product-results-count/edit.tsx

29 lines
520 B
TypeScript

/**
* External dependencies
*/
import { useBlockProps } from '@wordpress/block-editor';
import { __ } from '@wordpress/i18n';
export interface Attributes {
className?: string;
}
const Edit = () => {
const blockProps = useBlockProps( {
className: 'woocommerce wc-block-product-results-count',
} );
return (
<div { ...blockProps }>
<p className="woocommerce-result-count">
{ __(
'Showing 1-X of X results',
'woo-gutenberg-products-block'
) }
</p>
</div>
);
};
export default Edit;