import React from 'react'

import { useI18n } from 'twake-i18n'

import { ErrorAlert } from './ErrorAlert'
import { MaintenanceAlert } from './MaintenanceAlert'
import { RunnableAlert } from './RunnableAlert'
import { makeLabel } from './helpers'

const TriggerAlert = ({
  trigger,
  isInMaintenance,
  isInError,
  isRunning,
  isRunnable,
  withMaintenanceDescription,
  error,
  maintenanceMessages,
  account,
  konnectorRoot,
  intentsApi,
  flow
}) => {
  const { t } = useI18n()
  const { konnector } = flow

  const label = makeLabel({
    t,
    konnector,
    trigger,
    isRunning,
    isInMaintenance
  })

  if (isInMaintenance) {
    return (
      <MaintenanceAlert
        label={label}
        withDescription={withMaintenanceDescription}
        messages={maintenanceMessages}
        isRunnable={isRunnable}
        konnectorRoot={konnectorRoot}
        trigger={trigger}
        konnector={konnector}
      />
    )
  }

  if (isInError) {
    return (
      <ErrorAlert
        label={label}
        error={error}
        konnectorRoot={konnectorRoot}
        trigger={trigger}
        isRunning={isRunning}
        isRunnable={isRunnable}
        flow={flow}
        account={account}
        intentsApi={intentsApi}
      />
    )
  }

  return (
    <RunnableAlert
      label={label}
      isRunning={isRunning}
      konnectorSlug={konnector.slug}
      konnectorRoot={konnectorRoot}
      trigger={trigger}
      error={error}
      flow={flow}
      account={account}
      intentsApi={intentsApi}
      isRunnable={isRunnable}
    />
  )
}

export { TriggerAlert }