// TODO: Duplicate of the one in components-base. TS module resolution doesn't seem to be working from web -> base.
import type { ComponentType } from 'react'

export interface FileUploadTokens {
  buttonBackgroundColor?: string
  buttonBorderColor?: string
  buttonBorderRadius?: number
  buttonBorderWidth?: string
  buttonTextColor?: string
  buttonHeight?: string
  buttonMinWidth?: string
  buttonWidth?: string
  notificationBackgroundColor?: string
  notificationBorderColor?: string
  notificationBorderRadius?: number
  notificationTextColor?: string
  notificationDismissButtonGap?: string
  notificationDismissIcon?: string
  notificationDismissIconColor?: string
  notificationIcon?: string
  notificationIconColor?: string
  notificationIconGap?: string
  notificationIconSize?: number
}

export interface FileUploadProps {
  tokens?: FileUploadTokens
  variant?: Record<string, any>
  copy?: 'en' | 'fr'
  fileTypes?: string[]
  allowMultipleFiles?: boolean
  maxFileSize?: number
  maxFilesCount?: number
  onUpload?: (files: any) => void
  onDelete?: (file: any) => void
  documentPicker?: Record<string, any>
}

declare const FileUpload: ComponentType<FileUploadProps>

export default FileUpload