{"version":3,"sources":["webpack://meci-mercantil-de-equipo-contra-incendio/./src/pages/accesorios.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":"4NAkGA,UA5FmB,WACjB,IA0BQA,GA1BKC,oBAAe,cA0BpBD,UAER,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEE,MAAM,gCACNC,YAAY,gHAEd,uBAAKC,UAAU,8BACb,uBAAKA,UAAU,uCACb,sBAAIA,UAAU,iCAAd,oDAGA,4QAOF,uBAAKA,UAAU,gHACZJ,EAAUK,MAAMC,KAAI,gBAAGC,EAAH,EAAGA,GAAIL,EAAP,EAAOA,MAAOM,EAAd,EAAcA,QAASC,EAAvB,EAAuBA,cAAeC,EAAtC,EAAsCA,IAAtC,OACnB,uBACEC,IAAKJ,EACLH,UAAU,uHAEV,uBAAKA,UAAU,mBACb,uBACEA,UAAU,gBACVQ,IAAKH,EAAcI,KAAKC,UACxBC,OAAQN,EAAcI,KAAKE,OAC3BC,IAAKP,EAAcI,KAAKI,WAS5B,uBAAKb,UAAU,wCACb,qBAAGA,UAAU,yEACVF,GAEH,qBAAGE,UAAU,YACVI,EAAQU,QAAQ,gBAAiB,MAEpC,uBAAKd,UAAU,gBACb,gBAAC,EAAAe,KAAD,CACEf,UAAU,mCACVgB,KAAK,SACLC,GAAIX,GAHN","file":"component---src-pages-accesorios-js-d9abd5a8e25ed06044cc.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 Accesorios = () => {\r\n  const data = useStaticQuery(\r\n    graphql`\r\n      {\r\n        allWpPost(\r\n          filter: {\r\n            categories: { nodes: { elemMatch: { name: { eq: \"accesorios\" } } } }\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='Mangueras y accesorios - MECI'\r\n        description='Piezas y accesorios generales de la mejor calidad para complementar o reemplazar su equipo contra incendio.'\r\n      />\r\n      <div className='d-flex flex-wrap px-4 my-5'>\r\n        <div className='text-center mx-auto col-12 col-md-8'>\r\n          <h1 className='fw-bold text-site-orange lh-1'>\r\n            ACCESORIOS Y PIEZAS PARA EQUIPO CONTRA INCENDIOS\r\n          </h1>\r\n          <p>\r\n            Piezas, refacciones y accesorios para sus sistemas, equipo de\r\n            bombero y todo el equipo de protección contra incendio que requiera.\r\n            En caso de duda, puede ponerse en contacto con nuestros\r\n            especialistas que le asesorarán de la mejor manera.\r\n          </p>\r\n        </div>\r\n        <div className='d-flex flex-wrap flex-column flex-md-row col-12 col-md-10 mx-auto align-items-center justify-content-between'>\r\n          {allWpPost.nodes.map(({ id, title, excerpt, featuredImage, uri }) => (\r\n            <div\r\n              key={id}\r\n              className='d-flex flex-wrap justify-content-start align-items-center col-12 col-md-6 border border-grey-light rounded bg-white'\r\n            >\r\n              <div className='col-12 col-md-4'>\r\n                <img\r\n                  className='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              </div>\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='col-12 col-md-8 ps-md-1 pe-md-3 px-3'>\r\n                <p className='card-title text-uppercase text-site-orange fw-bold lead fs-5 m-0 lh-1'>\r\n                  {title}\r\n                </p>\r\n                <p className='ellipsis'>\r\n                  {excerpt.replace(/(<([^>]+)>)/gi, ' ')}\r\n                </p>\r\n                <div className='d-grid gap-2'>\r\n                  <Link\r\n                    className='btn btn-orange fs-6 mb-2 mb-md-0'\r\n                    type='button'\r\n                    to={uri}\r\n                  >\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 Accesorios\r\n"],"sourceRoot":""}