#FileUpload

import { FileUpload } from "@matechat/react";
import { useState } from "react";

export default function () {
  const [files, setFiles] = useState<File[]>([]);
  return (
    <div className="flex gap-4 items-center">
      <FileUpload
        onFilesSelect={(files) => {
          setFiles(files);
        }}
      />
      {files.length > 0 && (
        <span className="text-sm text-gray-600">
          {files.length} file(s) selected
        </span>
      )}
    </div>
  );
}