import { Eyebrow } from '@servicetitan/design-system';
import { formatChatMessageDate } from '@servicetitan/titan-chat-ui-common';
import { FC } from 'react';

export interface IMessageFooterProps {
    timestamp?: Date;
    name?: string;
}

export const MessageFooter: FC<IMessageFooterProps> = ({ name, timestamp }) => {
    return (
        <Eyebrow>
            {Boolean(name) && name}
            {name && timestamp && ' • '}
            {timestamp && formatChatMessageDate(timestamp)}
        </Eyebrow>
    );
};