import * as React from 'react' ; import { getVisualMetadata } from '../../core/utils/config' ; import { getVersionInfo } from '../../core/ui' ; import { Heading , SubHeading , SubHeadingSecondary } from '../elements/Typography' ; import StatusHeaderSection from './StatusHeaderSection' ; const StandardHeaderContent = ( ) => { const visualMetadata = getVisualMetadata ( ) ; return ( < > < StatusHeaderSection icon = 'logo' > < Heading > { visualMetadata . displayName } < /Heading> < SubHeading > { visualMetadata . description } < /SubHeading> < SubHeadingSecondary > { getVersionInfo ( ) } < /SubHeadingSecondary> < /StatusHeaderSection> < />); } ; export default StandardHeaderContent ;