import { connect } from 'react-redux' ; import { EuiScreenReaderOnly } from '@elastic/eui' ; import React from 'react' ; import { GraphState , metaDataSelector } from '../state_management' ; interface GraphTitleProps { title : string ; } /**
 * Component showing the title of the current workspace as a heading visible for screen readers
 */ export const GraphTitle = connect < GraphTitleProps , { } , { } , GraphState > ( ( state ) => ( { title : metaDataSelector ( state ) . title , } ) ) ( ( { title } ) => ( < EuiScreenReaderOnly > < h1 id = "graphHeading" > { title } < /h1> < /EuiScreenReaderOnly>));