Button File Upload

import ButtonFileUpload from "@/components/ruixen/button-file-upload";
 
export default function MyComponent() {
  const handleFileSelect = (files: FileList | null) => {
    if (files) {
      console.log(
        "Selected files:",
        Array.from(files).map((f) => f.name),
      );
    }
  };
 
  return (
    <div className="flex gap-4">
      <ButtonFileUpload onFileSelect={handleFileSelect}>
        Upload File
      </ButtonFileUpload>
      <ButtonFileUpload accept="image/*" onFileSelect={handleFileSelect}>
        Upload Image
      </ButtonFileUpload>
      <ButtonFileUpload multiple onFileSelect={handleFileSelect}>
        Upload Multiple
      </ButtonFileUpload>
    </div>
  );
}