import {
  SvgTimeLapse,
  SvgCheckCircle,
  SvgDeleteCircle,
  SvgWarningCircle,
} from '@chainlink/blocks-icons'
import { type TagProps } from './Tag'

export const TagIcon = ({ variant }: { variant: TagProps['variant'] }) => {
  if (variant === 'progress') {
    return <SvgTimeLapse color="progress" />
  }
  if (variant === 'success') {
    return <SvgCheckCircle color="success" />
  }
  if (variant === 'urgent') {
    return <SvgDeleteCircle color="error" />
  }
  if (variant === 'warning') {
    return <SvgWarningCircle color="warning" />
  }
  return null
}