Move components out of main edit component

packages/block-library/src/navigation/edit/accessible-description.js

@@ -0,0 +1,10 @@
+export default function AccessibleDescription( { id, content } ) {
+	return (
+		<div
+			id={ id }
+			className="wp-block-navigation__description screen-reader-text"
+		>
+			{ content }
+		</div>
+	);
+}

packages/block-library/src/navigation/edit/accessible-menu-description.js

@@ -0,0 +1,18 @@
+/**
+ * WordPress dependencies
+ */
+import { useEntityProp } from '@wordpress/core-data';
+import { __, sprintf } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import AccessibleDescription from './accessible-description';
+
+export default function AccessibleMenuDescription( { id } ) {
+	const [ menuTitle ] = useEntityProp( 'postType', 'wp_navigation', 'title' );
+	/* translators: %s: Title of a Navigation Menu post. */
+	const description = sprintf( __( `Navigation menu: "%s"` ), menuTitle );
+
+	return <AccessibleDescription id={ id } content={ description } />;
+}

packages/block-library/src/navigation/edit/index.js

@@ -28,11 +28,7 @@ import {
 	__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,
 	useBlockEditingMode,
 } from '@wordpress/block-editor';
-import {
-	EntityProvider,
-	store as coreStore,
-	useEntityProp,
-} from '@wordpress/core-data';
+import { EntityProvider, store as coreStore } from '@wordpress/core-data';
 
 import { useDispatch, useSelect } from '@wordpress/data';
 import {
@@ -73,24 +69,10 @@ import { detectColors } from './utils';
 import ManageMenusButton from './manage-menus-button';
 import MenuInspectorControls from './menu-inspector-controls';
 import DeletedNavigationWarning from './deleted-navigation-warning';
+import AccessibleDescription from './accessible-description';
+import AccessibleMenuDescription from './accessible-menu-description';
 import { unlock } from '../../lock-unlock';
 
-function AccessibleDescription( { id, content } ) {
-	return (
-		<div id={ id } className="wp-block-navigation__desc screen-reader-text">
-			{ content }
-		</div>
-	);
-}
-
-function AccessibleMenuDescription( { id } ) {
-	const [ menuTitle ] = useEntityProp( 'postType', 'wp_navigation', 'title' );
-	/* translators: %s: Title of a Navigation Menu post. */
-	const description = sprintf( __( `Navigation menu: "%s"` ), menuTitle );
-
-	return <AccessibleDescription id={ id } content={ description } />;
-}
-
 function Navigation( {
 	attributes,
 	setAttributes,