JSFiddle - React, Tailwind, and code Playground

HTML

<div class="caixa-pesquisa">
   <div class="caixa-pesquisa-input">
      <input type="text" class="pesquisa-class" value="Digite o produto desejado...">   
          <div class="caixa-pesquisa-btn"><a class="btn-buscar" href="#">buscar</a></div> </input>
   </div>
</div>

JavaScript

$(document).ready(function (){
$('.pesquisa-class').click(function(){if(this.value == this.defaultValue) {this.value = '';}});
$('.pesquisa-class').blur(function(){if (this.value == '') {this.value = this.defaultValue;}});
});