[PS-227] Feature: Creating the SearchInput component

[diogocaxiado]

Componetização do SearchInput

• Propriedades

  • placeholder: a propriedade placeholder será usada dentro do input.
  • items: a propriedade items será as opções apresentadas dentro da seleção quando o input se encontra no estado focus, respeitando a tipagem do Breed.
  • className: a propriedade className tem o tratamento com o uso da função cn para a possibilidade de usar a estilização do tailwindCss.

  • error: a propriedade error é um booleano que quando passado altera a aparencia do SearchInput para o estado de erro.

    • Ilustração da propriedade ativa:

    

• Ilustrações

  • SearchInput fechado:

    

  • SearchInput aberto:

    

  • SearchInput selecionado:

    

[diogocaxiado]

@herisonp sobre as importações para verificar se está quebrando nas telas, não haverá este problema por conta dos componentes nem estarem sendo utilizados ainda