import type { JSX, ReactNode } from 'react'
import type { IconButtonProps } from '@mui/material'
import type { WidgetState } from '../../stores/types'

export interface DownloadItem<D = unknown> {
  id: string
  label: string
  icon?: JSX.Element
  disabled?: boolean
  filename?: string
  modifier: (data: D) => Promise<string | undefined>
  callback?: (data: string) => void
}

export interface DownloadProps {
  id: WidgetState['id']
  items: DownloadItem[]
  labels?: { ariaLabel?: string }
  IconButtonProps?: IconButtonProps
  Icon?: ReactNode
}