const FileItem = require('./FileItem')
const classNames = require('classnames')
const { h } = require('preact')

module.exports = (props) => {
  const noFiles = props.totalFileCount === 0
  const dashboardFilesClass = classNames(
    'uppy-Dashboard-files',
    { 'uppy-Dashboard-files--noFiles': noFiles }
  )

  return (
    <ul class={dashboardFilesClass}>
      {Object.keys(props.files).map((fileID) => (
        <FileItem
          {...props}
          acquirers={props.acquirers}
          file={props.files[fileID]}
        />
      ))}
    </ul>
  )
}