@wordpress/editor/src/components/list-view-sidebar/list-view-outline.js

Enhanced block editor for WordPress posts.

/**
 * WordPress dependencies
 */
import { __experimentalText as WCText } from '@wordpress/components';
import { __ } from '@wordpress/i18n';

/**
 * Internal dependencies
 */
import CharacterCount from '../character-count';
import WordCount from '../word-count';
import TimeToRead from '../time-to-read';
import DocumentOutline from '../document-outline';

export default function ListViewOutline() {
	return (
		<>
			<div className="editor-list-view-sidebar__outline">
				<div>
					<WCText>{ __( 'Characters:' ) }</WCText>
					<WCText>
						<CharacterCount />
					</WCText>
				</div>
				<div>
					<WCText>{ __( 'Words:' ) }</WCText>
					<WordCount />
				</div>
				<div>
					<WCText>{ __( 'Time to read:' ) }</WCText>
					<TimeToRead />
				</div>
			</div>
			<DocumentOutline />
		</>
	);
}