import StatusBadge from '@/components/common/StatusBadge'
import TranslatedText from '@/components/TranslatedText'

import type { FC } from 'react'

import type { StatusBadgeTone } from '@/components/common/StatusBadge'
import type { PostImportBadgeValue } from '@/components/posts/import/postImportRowStatus'

type Props = {
    value: PostImportBadgeValue }

const TONES: Record<PostImportBadgeValue, StatusBadgeTone> = {
    ready: 'success',
    error: 'warning',
    warning: 'warning',
    skipped: 'neutral',
    created: 'success',
    failed: 'warning' }


const PostImportStatusBadge: FC<Props> = ({ value }) => (
    <StatusBadge tone={TONES[value]}>
      <TranslatedText namespace="imports" messageKey={`status.${ value }`}/>
    </StatusBadge>)

export default PostImportStatusBadge