{"version":3,"file":"component---src-pages-products-js-28a8aed94812700edb8f.js","mappings":"iLAuBA,MADmB,cApBnB,SAA0BA,EAAMC,GAC9B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAOK,OAAOC,OAAO,CAC3DC,MAAO,6BACPC,QAAS,YACTC,KAAM,eACN,cAAe,OACfC,IAAKT,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DS,GAAIR,GACHD,GAAS,KAAmB,gBAAoB,OAAQ,CACzDU,EAAG,0ZAEP,I,iCCbe,SAASC,IACtB,MAAMC,EAAY,iFACZC,EACG,sBADHA,EAES,2BAEPC,MAAOC,IAAiBC,EAAAA,EAAAA,YAAWC,EAAAA,GAE3C,OACE,gBAAC,IAAD,CAAQC,MAAI,GACV,gBAACC,EAAA,EAAD,KACE,6BAAQN,EAAR,kBACA,wBAAMO,KAAK,cAAcC,QAASR,IAClC,wBAAMS,SAAS,WAAWD,QAAYR,EAAL,mBACjC,wBAAMS,SAAS,WAAWD,QAAST,IACnC,wBAAMU,SAAS,SAASD,QAAO,oDAC/B,wBAAMC,SAAS,iBAAiBD,QAASR,IAEzC,wBAAMU,SAAS,OAAOF,QAAYR,EAAL,mBAC7B,wBAAMU,SAAS,cAAcF,QAASR,IAEtC,wBAAMS,SAAS,gBAAgBD,QAAYR,EAAL,mBACtC,wBAAMS,SAAS,sBAAsBD,QAASR,IAC9C,wBAAMS,SAAS,eAAeD,QAAST,IACvC,wBAAMU,SAAS,oBAAoBD,QAAST,KAG9C,sBAAIY,KAAK,OAAOC,UAAU,uEACvBV,GAAgBA,EAAaW,SAASC,KAAKC,GAC1C,sBACEC,IAAKD,EAAQnB,GACbgB,UAAU,4FAEV,uBAAKA,UAAU,4BACb,uBAAKA,UAAU,+CAA+CK,IAAKF,EAAQG,OAAO,GAAIC,IAAI,KAC1F,sBAAIP,UAAU,0CAA0CG,EAAQR,MAChE,sBAAIK,UAAU,gDACZ,sBAAIA,UAAU,WAAd,eACA,sBAAIA,UAAU,yBAAyBG,EAAQK,eAGnD,2BACE,uBAAKR,UAAU,wCACb,uBAAKA,UAAU,0BACb,qBACES,KAAI,OAASN,EAAQO,UACrBV,UAAU,kKAEV,gBAAC,EAAD,CAAkBA,UAAU,wBAAwB,cAAY,SAChE,wBAAMA,UAAU,QAAhB,uBAWnB,C","sources":["webpack://waxcarvers-fe/./node_modules/@heroicons/react/20/solid/esm/ShoppingCartIcon.js","webpack://waxcarvers-fe/./src/pages/products.js"],"sourcesContent":["import * as React from \"react\";\n\nfunction ShoppingCartIcon(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M1 1.75A.75.75 0 011.75 1h1.628a1.75 1.75 0 011.734 1.51L5.18 3a65.25 65.25 0 0113.36 1.412.75.75 0 01.58.875 48.645 48.645 0 01-1.618 6.2.75.75 0 01-.712.513H6a2.503 2.503 0 00-2.292 1.5H17.25a.75.75 0 010 1.5H2.76a.75.75 0 01-.748-.807 4.002 4.002 0 012.716-3.486L3.626 2.716a.25.25 0 00-.248-.216H1.75A.75.75 0 011 1.75zM6 17.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15.5 19a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\"\n  }));\n}\n\nconst ForwardRef = React.forwardRef(ShoppingCartIcon);\nexport default ForwardRef;","import React, { useContext } from 'react'\nimport { ShoppingCartIcon } from '@heroicons/react/20/solid'\nimport { Helmet } from 'react-helmet'\nimport Layout from '../components/layout'\nimport { AppContext } from '../context'\n\n\nexport default function Products() {\n  const bannerImg = 'http://images.waxcarvers.com.s3-website-eu-west-1.amazonaws.com/waxcarvers.png'\n  const attributes = {\n    title: 'WaxCarvers Products',\n    description: 'Buy Wax Carving Classes'\n  }\n  const { state: contextState } = useContext(AppContext)\n\n  return (\n    <Layout full>\n      <Helmet>\n        <title>{attributes.title} ¦ Wax Carvers</title>\n        <meta name=\"description\" content={attributes.description} />\n        <meta property=\"og:title\" content={`${attributes.title} | Wax Carvers`} />\n        <meta property=\"og:image\" content={bannerImg} />\n        <meta property=\"og:url\" content={`https://www.waxcarvers.com/advent-calendar-2022`} />\n        <meta property=\"og:description\" content={attributes.description} />\n\n        <meta itemProp=\"name\" content={`${attributes.title} | Wax Carvers`} />\n        <meta itemProp=\"description\" content={attributes.description} />\n\n        <meta property=\"twitter:title\" content={`${attributes.title} | Wax Carvers`} />\n        <meta property=\"twitter:description\" content={attributes.description} />\n        <meta property=\"twitter:card\" content={bannerImg} />\n        <meta property=\"twitter:image:src\" content={bannerImg} />\n      </Helmet>\n\n      <ul role=\"list\" className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4\">\n        {contextState && contextState.products.map((product) => (\n          <li\n            key={product.id}\n            className=\"col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow\"\n          >\n            <div className=\"flex flex-1 flex-col p-8\">\n              <img className=\"mx-auto h-32 w-32 flex-shrink-0 rounded-full\" src={product.images[0]} alt=\"\" />\n              <h3 className=\"mt-6 text-sm font-medium text-gray-900\">{product.name}</h3>\n              <dl className=\"mt-1 flex flex-grow flex-col justify-between\">\n                <dt className=\"sr-only\">Description</dt>\n                <dd className=\"text-sm text-gray-500\">{product.description}</dd>\n              </dl>\n            </div>\n            <div>\n              <div className=\"-mt-px flex divide-x divide-gray-200\">\n                <div className=\"-ml-px flex w-0 flex-1\">\n                  <a\n                    href={`tel:${product.telephone}`}\n                    className=\"relative inline-flex w-0 flex-1 items-center justify-center rounded-br-lg border border-transparent py-4 text-sm font-medium text-gray-700 hover:text-gray-500\"\n                  >\n                    <ShoppingCartIcon className=\"h-5 w-5 text-gray-400\" aria-hidden=\"true\" />\n                    <span className=\"ml-3\">Add to cart</span>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Layout>\n\n  )\n}\n"],"names":["_ref","svgRef","title","titleId","props","Object","assign","xmlns","viewBox","fill","ref","id","d","Products","bannerImg","attributes","state","contextState","useContext","AppContext","full","Helmet","name","content","property","itemProp","role","className","products","map","product","key","src","images","alt","description","href","telephone"],"sourceRoot":""}