{"version":3,"sources":["webpack:///./src/pages/portatiles.js"],"names":["allWpPost","useStaticQuery","title","description","className","nodes","map","id","excerpt","featuredImage","uri","key","src","node","sourceUrl","srcSet","alt","altText","replace","Link","type","to"],"mappings":"4IAuFA,UAjFmB,WACjB,IA0BQA,GA1BKC,oBAAe,aA0BpBD,UAER,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEE,MAAM,wBACNC,YAAY,qLAEd,uBAAKC,UAAU,8BACb,uBAAKA,UAAU,uBACb,mDACA,qBAAGA,UAAU,4BAAb,oDAIF,uBAAKA,UAAU,sFACZJ,EAAUK,MAAMC,KAAI,gBAAGC,EAAH,EAAGA,GAAIL,EAAP,EAAOA,MAAOM,EAAd,EAAcA,QAASC,EAAvB,EAAuBA,cAAeC,EAAtC,EAAsCA,IAAtC,OACnB,uBACEC,IAAKJ,EACLH,UAAU,wDAEV,uBACEA,UAAU,6BACVQ,IAAKH,EAAcI,KAAKC,UACxBC,OAAQN,EAAcI,KAAKE,OAC3BC,IAAKP,EAAcI,KAAKI,UAQ1B,uBAAKb,UAAU,aACb,qBAAGA,UAAU,oEACVF,GAEH,qBAAGE,UAAU,kCACVI,EAAQU,QAAQ,gBAAiB,MAEpC,uBAAKd,UAAU,gBACb,gBAAC,EAAAe,KAAD,CAAMf,UAAU,sBAAsBgB,KAAK,SAASC,GAAIX,GAAxD","file":"component---src-pages-portatiles-js-2ac48ff7dc1b63411922.js","sourcesContent":["import React from 'react'\r\nimport Layout from '../components/layout'\r\nimport { graphql, useStaticQuery, Link } from 'gatsby'\r\n//import { GatsbyImage } from \"gatsby-plugin-image\"\r\nimport Seo from '../components/seo'\r\n\r\nconst Portatiles = () => {\r\n  const data = useStaticQuery(\r\n    graphql`\r\n      {\r\n        allWpPost(\r\n          filter: {\r\n            categories: { nodes: { elemMatch: { name: { eq: \"portatiles\" } } } }\r\n          }\r\n        ) {\r\n          nodes {\r\n            id\r\n            title\r\n            excerpt\r\n            uri\r\n            featuredImage {\r\n              node {\r\n                sourceUrl\r\n                srcSet\r\n                altText\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    `\r\n  )\r\n\r\n  const { allWpPost } = data\r\n\r\n  return (\r\n    <Layout>\r\n      <Seo\r\n        title='Extintores portátiles'\r\n        description='Extintores portátiles para uso en el hogar y en cualquier otro espacio para prevenir la extensión de un incendio. La primera opción para defender su patrimonio contra el fuego.'\r\n      />\r\n      <div className='d-flex flex-wrap px-4 my-5'>\r\n        <div className='text-center mx-auto'>\r\n          <h1>EXTINTORES PORTÁTILES</h1>\r\n          <p className='lead text-danger fw-bold'>\r\n            ES TIEMPO DE QUE LA SEGURIDAD ESTÉ EN SUS MANOS\r\n          </p>\r\n        </div>\r\n        <div className='d-flex flex-wrap col-12 col-md-10 mx-auto align-items-start justify-content-center'>\r\n          {allWpPost.nodes.map(({ id, title, excerpt, featuredImage, uri }) => (\r\n            <div\r\n              key={id}\r\n              className='col-12 col-md-3 border border-grey-light rounded m-1'\r\n            >\r\n              <img\r\n                className='card-img-top p-3 img-fluid'\r\n                src={featuredImage.node.sourceUrl}\r\n                srcSet={featuredImage.node.srcSet}\r\n                alt={featuredImage.node.altText}\r\n              />\r\n              {/* <GatsbyImage\r\n                image={\r\n                  featuredImage.node.localFile.childImageSharp.gatsbyImageData\r\n                }\r\n                alt={featuredImage.node.altText}\r\n              /> */}\r\n              <div className='card-body'>\r\n                <p className='card-title text-uppercase text-center fw-bold lead fs-5 m-0 lh-1'>\r\n                  {title}\r\n                </p>\r\n                <p className='card-text text-center ellipsis'>\r\n                  {excerpt.replace(/(<([^>]+)>)/gi, ' ')}\r\n                </p>\r\n                <div className='d-grid gap-2'>\r\n                  <Link className='btn btn-danger fs-6' type='button' to={uri}>\r\n                    Ver detalles\r\n                  </Link>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default Portatiles\r\n"],"sourceRoot":""}