{"version":3,"file":"static/js/682.546666b9.chunk.js","mappings":"kLAIA,MA+BA,EA/BkBA,IAAqB,IAApB,WAAEC,GAAYD,EAC/B,MAAME,GAAWC,EAAAA,EAAAA,OACVC,EAAYC,IAAiBC,EAAAA,EAAAA,UAAS,IAU7C,OACEC,EAAAA,EAAAA,MAAA,QAAMC,SATcC,IACpBA,EAAEC,iBACCN,GACDF,EAAS,aAADS,OAAcP,GAAc,CAAEQ,MAAO,CAAER,gBAEjDC,EAAc,GAAG,EAIaQ,UAAU,6CAA4CC,SAAA,EAClFC,EAAAA,EAAAA,KAAA,SACEF,UAAU,oEACVG,KAAK,OACLC,YAAY,mBACZC,MAAOd,EACPe,SAAWV,GAAMJ,EAAcI,EAAEW,OAAOF,UAE1CH,EAAAA,EAAAA,KAAA,UACEC,KAAK,SACLH,UAAU,gHAA+GC,UAEzHC,EAAAA,EAAAA,KAACM,EAAAA,IAAQ,CAACR,UAAU,kCAEjB,C","sources":["components/HELPERS/SearchBar.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { IoSearch } from 'react-icons/io5';\nimport { useNavigate } from 'react-router-dom';\n\nconst SearchBar = ({ categories }) => {\n  const navigate = useNavigate();\n  const [searchTerm, setSearchTerm] = useState('');\n\n  const handleSearch = (e) => {\n    e.preventDefault();\n    if(searchTerm) {\n      navigate(`/pesquisa/${searchTerm}`, { state: { searchTerm } });\n    }\n    setSearchTerm('');\n  };\n\n  return (\n    <form onSubmit={handleSearch} className=\"relative flex items-center w-full max-w-md\">\n      <input\n        className=\"w-full lg:min-w-96  px-3 py-2 border-b rounded focus:outline-none\"\n        type=\"text\"\n        placeholder=\"O que procura...\"\n        value={searchTerm}\n        onChange={(e) => setSearchTerm(e.target.value)}\n      />\n      <button\n        type=\"submit\"\n        className=\"absolute inset-y-0 right-0 flex items-center justify-center text-white rounded-r px-2 py-2 focus:outline-none\"\n      >\n        <IoSearch className=\"w-5 h-5 text-customPurple\" />\n      </button>\n    </form>\n  );\n};\n\nexport default SearchBar;\n"],"names":["_ref","categories","navigate","useNavigate","searchTerm","setSearchTerm","useState","_jsxs","onSubmit","e","preventDefault","concat","state","className","children","_jsx","type","placeholder","value","onChange","target","IoSearch"],"sourceRoot":""}