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

31 lines
648 B
TypeScript

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