File.md

A pdf file.

<FileItem
  item={{
    id: 'file1',
    name: 'myfile.pdf',
    size: 1231312,
  }}
  onPreview={file => console.log('clicked preview', file)}
  onDownload={file => console.log('download me', file)}
/>

A Word document (no preview available).

<FileItem
  item={{
    id: 'file1',
    name: 'myfile.docx',
    size: 51312,
  }}
  onPreview={() => console.log('clicked preview')}
  onDownload={() => console.log('download me')}
/>

With a drag handle.

<FileItem
  item={{
    id: 'file1',
    name: 'myfile.pdf',
    size: 1231312,
  }}
  dragHandle={DragHandle}
  onPreview={file => console.log('clicked preview', file)}
  onDownload={file => console.log('download me', file)}
/>