@wordpress/block-editor/src/components/block-compare/block-view.js

Generic block editor.

/**
 * WordPress dependencies
 */
import { Button } from '@wordpress/components';

const BlockView = ( {
	title,
	rawContent,
	renderedContent,
	action,
	actionText,
	className,
} ) => {
	return (
		<div className={ className }>
			<div className="block-editor-block-compare__content">
				<h2 className="block-editor-block-compare__heading">
					{ title }
				</h2>

				<div className="block-editor-block-compare__html">
					{ rawContent }
				</div>

				<div className="block-editor-block-compare__preview edit-post-visual-editor">
					{ renderedContent }
				</div>
			</div>

			<div className="block-editor-block-compare__action">
				<Button isSecondary tabIndex="0" onClick={ action }>
					{ actionText }
				</Button>
			</div>
		</div>
	);
};

export default BlockView;