File Uploader (Dropzone)

"use client";

import {
  FileUpload,
  FileUploadList,
} from "@dashboardpack/core/components/ui/file-upload";
import { useState } from "react";

export default function FileUploadExample() {
  const [files, setFiles] = useState<File[]>([]);
  return (
    <div className="w-full max-w-md space-y-3">
      <FileUpload
        value={files}
        onValueChange={setFiles}
        accept={{ "image/png": [".png"], "image/jpeg": [".jpg", ".jpeg"] }}
        maxFiles={3}
        maxSize={5 * 1024 * 1024}
      >
        <FileUploadList />
      </FileUpload>
      <p className="text-xs text-muted-foreground">
        PNG or JPEG, up to 5 MB each. Files stay in this preview; no upload is
        performed.
      </p>
    </div>
  );
}