import { FormDefaults } from '../FormDefaults';

export interface FileListProps {
  files?: File | File[] | undefined | null;
  rejectedFiles?: File | File[] | undefined | null;
}
export default function FileList({ files, rejectedFiles }: FileListProps) {
  return (
    <div className={FormDefaults.cssClassPrefix + 'file-list'}>
      {!files ? null : Array.isArray(files) ? (
        files.map((x, i) => <File file={x} key={i} />)
      ) : (
        <File file={files} />
      )}
    </div>
  );
}

function File({ file }: { file: File }) {
  return null;
}