import React, { useEffect, useState } from 'react'

const ChatInfoTitle = ({ title, highlightedTitle}: IChatInfoTitleProps) => {
    const [requestTitle, setRequestTitle] = useState({__html: title});
    useEffect(() => {
        if (highlightedTitle) {
            setRequestTitle({__html: highlightedTitle});
        }
    }, [highlightedTitle]);
    return (
        <div className='chat-info-title' dangerouslySetInnerHTML={requestTitle} title={title}></div>
    )
}

export default ChatInfoTitle;

interface IChatInfoTitleProps {
    title: string;
    highlightedTitle?: string,
}