Part of Todo.js - Krutik

<div className="bar-tag-container">
        <li className={`todo-item ${todo.completed ? "completed" : ""}`}>
          {isSpent && <p className="tag">Spent</p>}
          {isReceived && <p className="tag">Received</p>}
          <div className="others">${text}</div>
        </li>
      </div>