File Upload

import { FileUpload } from '@/blocks/forms/file-upload'

export default function Example() {
  const handleFilesChange = (files: File[]) => {
    console.log('Files:', files)
    // Upload files to server
  }

  return (
    <>
      {/* Basic single file */}
      <FileUpload
        label="Upload Document"
        accept="image/*,.pdf"
        onChange={handleFilesChange}
      />

      {/* Inline variant */}
      <FileUpload
        variant="inline"
        label="Select File"
        placeholder="Choose a file..."
        onChange={handleFilesChange}
      />

      {/* Multiple with limits */}
      <FileUpload
        label="Upload Images"
        accept="image/*"
        multiple
        maxFiles={5}
        maxSize={5 * 1024 * 1024}
        onChange={handleFilesChange}
      />
    </>
  )
}