import { ClusterPausing } from './ClusterPausing'
import PauseCluster, { PauseClusterProps } from './PauseCluster'
import ResumeCluster from './ResumeCluster'

export enum PendingPlaceholderType {
  PAUSING,
  PAUSED,
  RESUMING
}

interface PendingPlaceholderProps {
  type: PendingPlaceholderType
  pausedProps?: PauseClusterProps
}

export default function PendingPlaceholder({ type, pausedProps }: PendingPlaceholderProps) {
  switch (type) {
    case PendingPlaceholderType.PAUSING:
      return <ClusterPausing />
    case PendingPlaceholderType.PAUSED:
      return <PauseCluster {...pausedProps!} />
    case PendingPlaceholderType.RESUMING:
      return <ResumeCluster />
    default:
      return <div />
  }
}