From 73461dcb09726b7521f5802d99183efcf7d9fc46 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Mon, 17 Jul 2023 12:31:30 -0700
Subject: [PATCH] Change custom toolbar item to use toolbar button

---
 assets/js/blocks/featured-items/block-controls.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/assets/js/blocks/featured-items/block-controls.tsx b/assets/js/blocks/featured-items/block-controls.tsx
index 6f6e4eb8e3d..a0b09906ae0 100644
--- a/assets/js/blocks/featured-items/block-controls.tsx
+++ b/assets/js/blocks/featured-items/block-controls.tsx
@@ -11,7 +11,6 @@ import { ToolbarButton, ToolbarGroup } from '@wordpress/components';
 import { crop } from '@wordpress/icons';
 import { WP_REST_API_Category } from 'wp-types';
 import { ProductResponseItem } from '@woocommerce/types';
-import TextToolbarButton from '@woocommerce/editor-components/text-toolbar-button';
 import type { ComponentType, Dispatch, SetStateAction } from 'react';
 import type { BlockAlignment } from '@wordpress/blocks';
 
@@ -112,13 +111,13 @@ export const BlockControls = ( {
 					allowedTypes={ [ 'image' ] }
 				/>
 				{ backgroundImageId && mediaSrc ? (
-					<TextToolbarButton
+					<ToolbarButton
 						onClick={ () =>
 							setAttributes( { mediaId: 0, mediaSrc: '' } )
 						}
 					>
 						{ __( 'Reset', 'woo-gutenberg-products-block' ) }
-					</TextToolbarButton>
+					</ToolbarButton>
 				) : null }
 			</ToolbarGroup>
 			<ToolbarGroup