// An image shows its picture, any other file its name and type.
const canvas = Object.assign(document.createElement('canvas'), { width: 160, height: 100 });
const paint = canvas.getContext('2d');
paint.fillStyle = '#b07d33';
paint.fillRect(0, 0, 160, 100);
document.querySelector('aparte-chat-bubble').setAttachments([
{ id: 'f1', name: 'cover.png', type: 'image/png', url: canvas.toDataURL('image/png') },
{ id: 'f2', name: 'brief.pdf', type: 'application/pdf', url: '#', size: 182000 },
]);