JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>

JavaScript

const steps = [{
    step: 1,
    name: 'personalProfile',
    isActive: false,
    isCompleted: false
  },
  {
    step: 2,
    name: 'companyProfile',
    isActive: false,
    isCompleted: false
  },
  {
    step: 3,
    name: 'invoiceAddress',
    isActive: false,
    isCompleted: false
  },
  {
    step: 4,
    name: 'shippingAddress',
    isActive: false,
    isCompleted: false
  },
  {
    step: 5,
    name: 'confirmation',
    isActive: false,
    isCompleted: false
  }
]

function findSpecific(toFind) {
	return steps.find((item) => item.step === toFind)
}

console.log(findSpecific(3))