import React from 'react';
import './chat-metadata.scss';

const ChatMetadataItem = (props: IChatMetadataItemProps) => {
    const {title, value, component, cssClass} = props;
    return (
        <div className={`chat-metadata-item ${cssClass}`}>
            <label className='heading'>{title}</label>
            <label className='value'>{ component ? component : value}</label>
        </div>
    )
}

export default ChatMetadataItem;

export interface IChatMetadataItemProps {
    title: string;
    value?: string | number | undefined | null;
    cssClass?: string;
    component?: any;
}