import { Box } from '@rocket.chat/fuselage' ; import * as UiKit from '@rocket.chat/ui-kit' ; import React , { ReactElement } from 'react' ; type ItemProps = { block : UiKit . ContextBlock [ 'elements' ] [ number ] ; surfaceRenderer : UiKit . SurfaceRenderer < ReactElement > ; index : number ; } ; const Item = ( { block : element , surfaceRenderer : parser , index , } ) : ReactElement | null => { const renderedElement = parser . renderContextBlockElement ( element , index ) ; if ( ! renderedElement ) { return null ; } switch ( element . type ) { case UiKit . TextObjectType . PLAIN_TEXT : case UiKit . TextObjectType . MARKDOWN : return ( < Box is = 'span' fontScale = 'c1' color = 'info' margin = { 4 } > { renderedElement } < /Box>); default : return renderedElement ; } } ; export default Item ;