import * as React from 'react';
import { ReactDirectoryZipInput } from 'react-directory-input';

function DirectoryUpload() {
  const [isProcessing, setIsProcessing] = React.useState(false);
  const [upload, setUpload] = React.useState<File | null>(null);
  return (
    <ReactDirectoryZipInput
      onArchivingStart={() => {
        setIsProcessing(true);
      }}
      onArchivingResult={({ result }) => {
        setUpload(result);
        setIsProcessing(false);
      }}
    />
  );
}