import { PropertyCard } from '@tidbcloud/uikit/biz'

import { ConsoleapiStartPosition, DataflowStartMode, DataflowStartPosition } from 'dbaas/services/dataflow/interface'

export function StartPositionProperty({ data }: { data?: DataflowStartPosition | ConsoleapiStartPosition }) {
  if (!data) return null

  const getDisplayValue = () => {
    switch (data.mode) {
      case DataflowStartMode.FROM_NOW:
        return 'From now on'
      case DataflowStartMode.FROM_TSO:
        return `Specified TSO: ${data.tso || '-'}`
      case DataflowStartMode.FROM_UTC:
        return `Specified UTC: ${data.utc || '-'}`
      default:
        return '-'
    }
  }

  return (
    <PropertyCard.Item label="Start Position" valueProps={{ sx: { wordBreak: 'normal', overflowWrap: 'normal' } }}>
      {getDisplayValue()}
    </PropertyCard.Item>
  )
}