Untitled

import React from 'react'

function EventComponent(props){
    
    const { event } = props;

    
    return ( 
        <div className='roww g-2'>
            <div className='col text-truncate'>
                <b>{event.title}</b>
            </div>
            <div className='col-auto'>
                <div className='roww g-1 align-items-baseline'>
                    <div className='col-auto'>
                        {event.user && event.user.avatar && <img className='avatar rounded-circle bg-l25-primary' src={event.user.avatar} width='18' height='18' />}
                    </div>
                    <small className='col-auto text-truncate' style={{color:"#122620", fontWeight:"600"}} >{ event.title }</small>
                </div>
            </div>
        </div>
    ) 
}

export default EventComponent