ExperimentPage

import { Form, Formik } from "formik";
import FilesDragAndDrop from "../components/global/file-upload";

export default function ExperimentPage() {
  return (
    <div className="p-5 mt-40 bg-gray-500">
      <Formik initialValues={{ files: [] }} onSubmit={() => {}}>
        {({ values, errors }) => (
          <Form>
            <h1 className="mb-2 text-lg font-bold">
              Multiple File Upload Experiment
            </h1>
            <FilesDragAndDrop name="files" />
            <pre>{JSON.stringify({ values, errors }, null, 4)}</pre>
          </Form>
        )}
      </Formik>
    </div>
  );
}