import * as React from 'react' ; import { TooltipHost } from '@fluentui/react/lib/Tooltip' ; import store from '../../../store' ; import { i18nValue } from '../../../core/ui/i18n' ; import EditorToggleIcon from './EditorToggleIcon' ; import EditorHeadingText from './EditorHeadingText' ; const EditorPaneCollapsed = ( ) => { const { editorPaneIsExpanded , visualSettings } = store ( ( state ) => state ) , { position } = visualSettings . editor , tooltip_i18_key = 'Tooltip_Expand_Editor_Pane' ; return ( < div id = 'editorPane' className = 'collapsed' > < TooltipHost content = { i18nValue ( tooltip_i18_key ) } id = { tooltip_i18_key } > < div role = 'button' > < EditorToggleIcon position = { position } editorPaneIsExpanded = { editorPaneIsExpanded } / > < EditorHeadingText /> < /div> < /TooltipHost> < /div>); } ; export default EditorPaneCollapsed ;