{"version":3,"sources":["webpack:///./src/templates/Value.js","webpack:///./src/svg/icn-search.js"],"names":["Value","context","pageContext","pageTitle","className","to","fromTaxon","name","toLowerCase","value","shouldAnimate","data","map","item","index","key","classnames","bb","length","slug","IconSearch","width","height","viewBox","stroke","strokeWidth","fill","fillRule","transform","cx","cy","r","x1","y1","x2","y2"],"mappings":"4FAAA,yFAuEeA,UAjED,SAAC,GAAqB,IAC5BC,EAD2B,EAAlBC,YAEf,OACE,kBAAC,IAAD,CAAQC,UAAU,UAAUC,UAAU,SACpC,6BAASA,UAAU,4EACjB,wBAAIA,UAAU,cACZ,kBAAC,IAAD,CACEA,UAAU,iFACVC,GAAG,qBACHC,UAAcL,EAAQM,KAAKC,cAAlB,IAAmCP,EAAQQ,MAAMD,cAC1DE,eAAe,GAEf,kBAAC,IAAD,CAAYN,UAAU,kCAExB,kBAAC,IAAD,CACEA,UAAU,6EACVC,GAAG,sBACHC,UAAcL,EAAQM,KAAKC,cAAlB,IAAmCP,EAAQQ,MAAMD,cAC1DE,eAAe,GAEf,0BAAMN,UAAU,+BAAhB,YAIN,6BAASA,UAAU,kDACjB,6BAASA,UAAU,sEACjB,kBAAC,IAAD,CACEC,GAAE,sBACFD,UAAU,uEAFZ,cAMA,wBAAIA,UAAU,oCACXH,EAAQM,KADX,KACmBN,EAAQQ,QAI7B,6BAASL,UAAU,sBACjB,wBAAIA,UAAU,wBACXH,EAAQU,KAAKC,KAAI,SAACC,EAAMC,GACvB,OACE,wBACEC,IAAKD,EACLV,UAAWY,IAAW,8BAA+B,CACnD,QAASF,EAAQ,GAAM,EACvBG,GAAIH,EAAQb,EAAQU,KAAKO,OAAS,EAClC,SAAUJ,EAAQb,EAAQU,KAAKO,OAAS,GAAKJ,EAAQ,GAAM,KAG7D,kBAAC,IAAD,CACET,GAAE,eAAiBQ,EAAKM,KACxBf,UAAU,uCAETS,EAAKN,gB,kCC3D1B,yBAqBea,IAnBI,SAAC,GAAwB,IAAD,IAArBhB,iBAAqB,MAAT,GAAS,EACzC,OACE,yBAAKA,UAAWA,EAAWiB,MAAM,OAAOC,OAAO,OAAOC,QAAQ,aAC5D,uBAAGC,OAAO,OAAOC,YAAY,IAAIC,KAAK,OAAOC,SAAS,WACpD,uBACEC,UAAU,qCACVJ,OAAO,UACPC,YAAY,KAEZ,uBAAGG,UAAU,oCACX,4BAAQC,GAAG,MAAMC,GAAG,MAAMC,EAAE,QAC5B,0BAAMC,GAAG,OAAOC,GAAG,aAAaC,GAAG,aAAaC,GAAG","file":"component---src-templates-value-js-8ec08e14e0b52fc3a209.js","sourcesContent":["import React from 'react';\nimport Layout from 'components/Layout';\nimport Link from 'components/base/Link';\nimport classnames from 'classnames';\nimport IconSearch from 'svg/icn-search';\n\nconst Value = ({ pageContext }) => {\n  const context = pageContext;\n  return (\n    <Layout pageTitle=\"Catalog\" className=\"Value\">\n      <article className=\"CollectionTabs container container--thin container--boxed body-copy-only\">\n        <ul className=\"block flex\">\n          <Link\n            className=\"CollectionTabs__search w-100 w-50-md br pointer tc pv2 relative body-subheader\"\n            to=\"/collection/search\"\n            fromTaxon={`${context.name.toLowerCase()}/${context.value.toLowerCase()}`}\n            shouldAnimate={false}\n          >\n            <IconSearch className=\"CollectionTabs__search-title\" />\n          </Link>\n          <Link\n            className=\"CollectionTabs__index w-100 w-50-md pointer tc pv2 relative body-subheader\"\n            to=\"/collection/indexed\"\n            fromTaxon={`${context.name.toLowerCase()}/${context.value.toLowerCase()}`}\n            shouldAnimate={false}\n          >\n            <span className=\"CollectionTabs__index-title\">Index</span>\n          </Link>\n        </ul>\n      </article>\n      <article className=\"container container--thin container--boxed mt4\">\n        <section className=\"block flex relative justify-center align-center pv3 body-copy-only\">\n          <Link\n            to={`/collection/indexed`}\n            className=\"absolute CollectionTaxon__back-link ph3 ph4-xl db gradient-hover bn\"\n          >\n            &lt; Previous\n          </Link>\n          <h3 className=\"body-subheader ph3 ph4-xl ttu tc\">\n            {context.name}: {context.value}\n          </h3>\n        </section>\n        {/* the page header block */}\n        <section className=\"block bt body-copy\">\n          <ul className=\"block flex flex-wrap\">\n            {context.data.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={classnames('w-100 w-50-md body-copy brn', {\n                    'br-md': index % 2 === 0,\n                    bb: index < context.data.length - 1,\n                    'bbn-md': index > context.data.length - 3 && index % 2 === 0\n                  })}\n                >\n                  <Link\n                    to={`/collection/${item.slug}`}\n                    className=\"ph3 ph4-xl pv2 db gradient-hover bn\"\n                  >\n                    {item.name}\n                  </Link>\n                </li>\n              );\n            })}\n          </ul>\n        </section>\n      </article>\n    </Layout>\n  );\n};\n\nexport default Value;\n","import React from 'react';\n\nconst IconSearch = ({ className = '' }) => {\n  return (\n    <svg className={className} width=\"21px\" height=\"20px\" viewBox=\"0 0 21 20\">\n      <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g\n          transform=\"translate(-190.000000, -89.000000)\"\n          stroke=\"#000000\"\n          strokeWidth=\"1\"\n        >\n          <g transform=\"translate(191.000000, 90.000000)\">\n            <circle cx=\"7.6\" cy=\"7.6\" r=\"7.6\"></circle>\n            <line x1=\"19.2\" y1=\"18.9821013\" x2=\"13.0178987\" y2=\"12.8\"></line>\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n};\n\nexport default IconSearch;\n"],"sourceRoot":""}