woocommerce/plugins/woocommerce-blocks/assets/js/blocks/store-notices/edit.tsx

31 lines
613 B
TypeScript

/**
* External dependencies
*/
import { useBlockProps } from '@wordpress/block-editor';
import { __ } from '@wordpress/i18n';
import { Notice } from '@wordpress/components';
/**
* Internal dependencies
*/
import './editor.scss';
const Edit = (): JSX.Element => {
const blockProps = useBlockProps( {
className: 'wc-block-store-notices',
} );
return (
<div { ...blockProps }>
<Notice status="info" isDismissible={ false }>
{ __(
'Notices added by WooCommerce or extensions will show up here.',
'woo-gutenberg-products-block'
) }
</Notice>
</div>
);
};
export default Edit;