import React, { useState } from 'react';

const TestFileInput = () => {
  const [files, setFiles] = useState(null);

  return (
    <div>
      <h2>Test File Input</h2>
      <input
        type="file"
        multiple={true}
        onChange={(e) => {
          setFiles(e.target.files);
          console.log('Files:', e.target.files);
        }}
      />
      {files && <p>Selected files: {files.length}</p>}
    </div>
  );
};

export default TestFileInput;

