import {memo} from "@wordpress/element";

const MessageFile = memo(function MessageFile({name, size}) {
    return <>
        <div className='lbaic-message-file-info'>
            <span className='lbaic-message-file-name'>{name}</span>
            <span className='lbaic-message-file-size'>{size}</span>
        </div>
        <div className='lbaic-message-in lbaic-message-file'>
            <div className='lbaic-message-file-in'>
                <svg className='lbaic-message-file-i' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'>
                    <use href='#lbaic-file'/>
                </svg>
            </div>
        </div>
    </>
});

export default MessageFile;