@acrsolutions/chat-components
Version:
Un set di componenti per la creazione di un'applicazione di messaggistica
10 lines (9 loc) • 817 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { HighlightResearch } from '../HighlightResearch';
import { Composition } from 'atomic-layout';
import { CardMedia, Typography } from '@mui/material';
import { StyledLink } from '../../ui/StyledLink';
import { MessageTextRender } from '../MessageTextRender';
export function ImageElement({ imgUrl, imgCaption, searchString, focusedRefIndex, onSearchRefs, }) {
return (_jsxs(Composition, { gap: '0.5rem', children: [_jsx(CardMedia, { component: "img", height: 200, width: '100%', image: imgUrl }), _jsx(StyledLink, { href: imgUrl, children: 'Link immagine' }), _jsx(Typography, { children: _jsx(MessageTextRender, { focusedRefIndex: focusedRefIndex, text: imgCaption ?? '', searchString: searchString, onSearchRefs: onSearchRefs }) })] }));
}