getColor.js

import { useMemo } from 'react'

const Component = () => {

  const getColor = useMemo(() => {
    const colors = ['danger', 'warning', 'secondary]
    
    return colors.find((_color, index) => index === step)
  }, [step])

  return (
    <React.Fragment>

    </React.Fragment>
  )
}