File Upload

"use client";
import React, { useState } from "react";
import { FileUpload } from "@/lab/aceternity/ui/file-upload";
import { Fit } from "./_fit";

export default function FileUploadDemo() {
  // Files stay in the browser; nothing is uploaded anywhere.
  const [, setFiles] = useState<File[]>([]);
  const handleFileUpload = (files: File[]) => {
    setFiles(files);
  };

  return (
    <Fit width={760} height={460} max={1.3}>
      <div className="flex h-full w-full items-center justify-center">
        <div className="w-full max-w-4xl mx-auto min-h-96 border border-dashed bg-white dark:bg-black border-neutral-200 dark:border-neutral-800 rounded-lg">
          <FileUpload onChange={handleFileUpload} />
        </div>
      </div>
    </Fit>
  );
}