export default function NotesSidebarContainer() {
	const { postId, mode, editorMode, isDistractionFree } = useSelect(
		( select ) => {
			const { getCurrentPostId, getRenderingMode, getEditorMode } =
				select( editorStore );
			const { getSettings } = select( blockEditorStore );
			return {
				postId: getCurrentPostId(),
				mode: getRenderingMode(),
				editorMode: getEditorMode(),
				isDistractionFree: getSettings().isDistractionFree,
			};
		},
		[]
	);

	if ( ! postId || typeof postId !== 'number' || isDistractionFree ) {
		return null;
	}

	// Hide Notes sidebar in Code Editor mode since block-level commenting.
	if ( editorMode === 'text' ) {
		return null;
	}

	return (
		<PostTypeSupportCheck supportKeys="editor.notes">
			<NotesSidebar postId={ postId } mode={ mode } />
		</PostTypeSupportCheck>
	);
}