{countries.length > 0 && (
  <>
    <h3>Countries in {inputValue}</h3>
    <div className={isVisible ? "reveal" : ""}>
      <div className="country-contain">
        {countries.map((item, index) => (
          <p key={index} className="country">
            {item.name}
          </p>
        ))}
      </div>
    </div>
  </>
)}