import * as React from 'react' ; import { IDocAnnotationRef } from '../../DocAnnotation' ; import { deepMemo } from "../../../react/ReactUtils" ; interface IProps { readonly comment : IDocAnnotationRef ; readonly editButton : JSX . Element ; readonly onEdit : ( ) => void ; } export const CommentAnnotationView2 = deepMemo ( ( props ) => { const { comment } = props ; return ( < div className = "comment muted-color-root" > < div > { } { } < span style = { { fontSize : '14px' } } dangerouslySetInnerHTML = { { __html : comment . html ! } } > < /span> < /div> < /div>); } ) ;