import React from 'react';
import './conversationDuration.scss';


const ConversationData = (props: { value: number }) => {
    const seconds = (props.value) % 60;
    const minutes = (props.value - seconds) / 60;
    return (
        <div className='conversation-duration-container'>
            <span className='label-alignment'>
            {
                minutes > 0 && minutes + 'm '
            }
            {
                seconds + 's'
            }
            </span>
        </div>
    )
}

export default ConversationData;