import type { Status } from './ProgressBar'

type ProgressBarStep = {
  label: string
  status: Status
}

export type TransactionStep = {
  label: string
  description?: string
  id: string
  isCloseHidden?: boolean
}

export interface TransactionConfig {
  steps: TransactionStep[]
  successBody: string
  successHeading: string
  context: string
}

export type TransactionModalState = {
  currentStepIndex: number
  error: undefined | string
  isTransactionComplete: boolean
  nextStepIndex: number
  progressBarSteps: ProgressBarStep[]
  steps: TransactionStep[]
  successBody: string
  successHeading: string
  context: string
  transactions?: { type?: string; hash: string }[]
  successLinkHref?: string
  successLinkText?: string
  successLinkAction?: { label: string; onClick: VoidFunction }
  closeButtonText?: string
  closeButtonCallback?: VoidFunction
}

export type TransactionModal = (props: {
  isInescapable?: boolean
}) => React.ReactElement