{"version":3,"file":"682d47c2.js","sources":["../../../src/components/globals/search/SearchButton.client.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * A client component that defines the search button for a web storefront\n */\nexport default function SearchButton({\n  headerSolid,\n  searchDrawerOpen,\n  setDesktopNavTab,\n  setMobileNavOpen,\n  setSearchDrawerOpen,\n}: {\n  headerSolid: boolean;\n  searchDrawerOpen: boolean;\n  setDesktopNavTab: any;\n  setMobileNavOpen: any;\n  setSearchDrawerOpen: any;\n}): JSX.Element {\n  return (\n    <button\n      type=\"button\"\n      className=\"before:content[' '] relative z-[0] flex w-[106px] items-center px-3 text-center text-[13px] text-brown-33 before:absolute before:-top-[7px] before:left-0 before:-bottom-[7.5px] before:z-[-1] before:w-full before:rounded-[36px] before:bg-gray-12 lg:w-auto lg:before:hidden xl:p-[15px]\"\n      onClick={() => setSearchDrawerOpen(!searchDrawerOpen)}\n      onMouseEnter={() => {\n        setDesktopNavTab('');\n        setMobileNavOpen(false);\n        setSearchDrawerOpen(true);\n      }}\n    >\n      <i className=\"mr-[10px] block md:scale-[0.8] lg:mr-0 2xl:scale-[1]\">\n        <SearchIcon />\n      </i>\n      <span className=\"lg:hidden\">Search</span>\n    </button>\n  );\n\n  function SearchIcon() {\n    return (\n      <svg\n        width=\"17px\"\n        height=\"17px\"\n        viewBox=\"0 0 17 17\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      >\n        <title>Search</title>\n        <g\n          id=\"Symbols\"\n          stroke=\"none\"\n          strokeWidth=\"1\"\n          fill=\"none\"\n          fillRule=\"evenodd\"\n        >\n          <g\n            id=\"Desktop---Nav\"\n            transform=\"translate(-1434.000000, -21.000000)\"\n            stroke={headerSolid ? '#615449' : 'white'}\n            strokeWidth=\"1.9\"\n          >\n            <g id=\"Group-2\" transform=\"translate(1434.000000, 21.000000)\">\n              <circle id=\"Oval\" cx=\"7.5\" cy=\"7.5\" r=\"6.55\"></circle>\n              <line\n                x1=\"12.5363769\"\n                y1=\"12.5604143\"\n                x2=\"15.8672283\"\n                y2=\"15.6109854\"\n                id=\"Line-2\"\n                strokeLinecap=\"round\"\n                transform=\"translate(14.201803, 14.085700) rotate(2.726311) translate(-14.201803, -14.085700) \"\n              ></line>\n            </g>\n          </g>\n        </g>\n      </svg>\n    );\n  }\n}\n"],"names":["SearchButton","headerSolid","searchDrawerOpen","setDesktopNavTab","setMobileNavOpen","setSearchDrawerOpen","_jsx","SearchIcon"],"mappings":"+CAKA,SAAwBA,EAAa,CACnCC,YAAAA,EACAC,iBAAAA,EACAC,iBAAAA,EACAC,iBAAAA,EACAC,oBAAAA,CAOF,EAAgB,CACd,SACE,SAAA,CACE,KAAK,SACL,UAAU,8RACV,QAAS,IAAMA,EAAoB,CAACH,CAAgB,EACpD,aAAc,IAAM,CAClBC,EAAiB,EAAE,EACnBC,EAAiB,EAAK,EACtBC,EAAoB,EAAI,CAC1B,EAAE,SAEF,CAAAC,EAAA,IAAA,CAAG,UAAU,uDAAsD,SACjEA,EAACC,EAAU,EAAA,CAAA,CAAG,EAEhBD,EAAA,OAAA,CAAM,UAAU,YAAW,SAAA,QAAA,CAAc,CAAA,CAAA,CAClC,EAGX,SAASC,GAAa,CACpB,SACE,MAAA,CACE,MAAM,OACN,OAAO,OACP,QAAQ,YACR,QAAQ,MACR,MAAM,6BACN,WAAW,+BAA8B,SAEzC,CAAAD,EAAA,QAAA,CAAA,SAAA,QAAA,CAAA,EACAA,EAAA,IAAA,CACE,GAAG,UACH,OAAO,OACP,YAAY,IACZ,KAAK,OACL,SAAS,UAAS,WAElB,IAAA,CACE,GAAG,gBACH,UAAU,sCACV,OAAQL,EAAc,UAAY,QAClC,YAAY,MAAK,WAEjB,IAAA,CAAG,GAAG,UAAU,UAAU,oCAAmC,SAC3D,CAAAK,EAAA,SAAA,CAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,MAAA,CAAM,EAC5CA,EAAA,OAAA,CACE,GAAG,aACH,GAAG,aACH,GAAG,aACH,GAAG,aACH,GAAG,SACH,cAAc,QACd,UAAU,qFAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CACN,CAAA,CAEJ,CAAA,CAAA,CACA,CAEV,CACF"}