{"version":3,"sources":["webpack:///./src/templates/asmet-audio.js","webpack:///./src/components/home/menu.js"],"names":["AsmetAudioTemplate","singleAudio","data","asmetAudio","asmetHome","useAsmetHome","crumbs","path","label","slug","titulo","meta","og_tipo","og_titulo","og_descripcion","descripcion","id","className","menuSecundario","menu_secundario","Menu","props","map","item","index","key","link","customClass","src","icono","publicURL","alt","nombre","defaultProps","tipo","link_id"],"mappings":"8FAAA,4FA0DeA,UA9CY,SAAH,GAAkB,IAClCC,EAD0B,EAAJC,KACHC,WAEnBC,EAAYC,cAEZC,EAAS,CACb,CAAEC,KAAK,SAAWC,MAAO,SACzB,CAAED,KAAK,UAAYC,MAAO,UAC1B,CAAED,KAAK,WAAYN,EAAYQ,KAAQD,MAAOP,EAAYS,SAG5D,OACE,kBAAC,IAAM,CACLC,KACEV,EAAYU,KAAI,iBACPV,EAAYU,KAAK,CAACC,QAAS,UAChC,CACEA,QAAS,QACTC,UAAWZ,EAAYS,OACvBI,eAAgBb,EAAYc,aAAe,OAInD,yBAAKC,GAAG,sBAAsBC,UAAU,6BACtC,yBAAKA,UAAU,aACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,OACb,kBAAC,IAAU,CAACX,OAAQA,IACpB,wBAAIW,UAAU,mCAAmChB,EAAYS,YAKrE,yBAAKO,UAAU,sCACb,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,oCACb,kBAAC,IAAW,CAAChB,YAAaA,OAIhC,6BACA,kBAAC,IAAI,CAACiB,eAAgBd,EAAUe,qB,kCCrDtC,qCAMMC,EAAO,SAAAC,GACX,IAAQH,EAAmBG,EAAnBH,eACR,OACE,yBAAKF,GAAG,WAAWC,UAAU,0BAC3B,yBAAKA,UAAU,OACZC,EAAeI,KAAI,SAACC,EAAMC,GACzB,OACE,yBAAKP,UAAU,qBAAqBQ,IAAKD,GACvC,kBAAC,IAAU,CACTE,KAAMH,EACNI,YAAa,YAAwB,IAAVH,EAAc,UAAY,KAErD,yBAAKI,IAAKL,EAAKM,OAASN,EAAKM,MAAMC,UAAYP,EAAKM,MAAMC,UAAY,4BAA6BC,IAAKR,EAAKS,SAC5GT,EAAKS,eAuBtBZ,EAAKa,aAAe,CAClBf,eAAgB,CACd,CACEc,OAAO,uBACPE,KAAK,SACLC,QAAQ,IACRN,MAAO,CACLC,UAAU,oFAMHV","file":"component---src-templates-asmet-audio-js-d2ec9343e7a5c275eb52.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\n\n// Layout\nimport Layout from \"../components/layout\"\n// Components\nimport Menu from \"../components/home/menu\"\nimport Breadcrumb from \"../components/elements/breadcrumb\"\nimport AudioSingle from \"../components/elements/audio-single\"\n// Hooks\nimport { useAsmetHome } from \"../hooks/use-asmet-home\"\n\nconst AsmetAudioTemplate = ({ data }) => {\n  const singleAudio = data.asmetAudio\n\n  const asmetHome = useAsmetHome()\n\n  const crumbs = [\n    { path: `/media`, label: \"Media\" },\n    { path: `/audios`, label: \"Audios\" },\n    { path: `/audios/${singleAudio.slug}`, label: singleAudio.titulo },\n  ]\n\n  return (\n    <Layout\n      meta={\n        singleAudio.meta\n          ? { ...singleAudio.meta, og_tipo: \"audio\" }\n          : {\n              og_tipo: \"audio\",\n              og_titulo: singleAudio.titulo,\n              og_descripcion: singleAudio.descripcion || null,\n            }\n      }\n    >\n      <div id=\"asm-template-header\" className=\"contanier-fluid pt-3 pb-3\">\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col\">\n              <Breadcrumb crumbs={crumbs} />\n              <h3 className=\"text-white-alpha text-left pt-4\">{singleAudio.titulo}</h3>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"asm-media-main container my-5 py-5\">\n        <div className=\"row justify-content-center\">\n          <div className=\"asm-media-single col-12 col-sm-8\">\n            <AudioSingle singleAudio={singleAudio} />\n          </div>\n        </div>\n      </div>\n      <hr />\n      <Menu menuSecundario={asmetHome.menu_secundario} />\n    </Layout>\n  )\n}\n\nexport default AsmetAudioTemplate\n\nexport const query = graphql`\n  query AsmetAudioQuery($id: String!) {\n    asmetAudio: strapiMediaAudio(strapiId: { eq: $id }) {\n      strapiId\n      slug\n      titulo\n      meta {\n        og_titulo\n        og_imagen {\n          publicURL\n        }\n        og_descripcion\n      }\n      publicado_en\n      descripcion\n      archivo {\n        publicURL\n      }\n      tipo\n      blog_subcategorias {\n        id\n        slug\n        nombre\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\n// Components\nimport CustomLink from \"../elements/custom-link\"\n\nconst Menu = props => {\n  const { menuSecundario } = props\n  return (\n    <div id=\"asm-menu\" className=\"container my-0 my-sm-5\">\n      <div className=\"row\">\n        {menuSecundario.map((item, index) => {\n          return (\n            <div className=\"col-sm text-center\" key={index}>\n              <CustomLink\n                link={item}\n                customClass={\"nav-link\" + (index === 0 ? \" active\" : \"\")}\n              >\n                <img src={item.icono && item.icono.publicURL ? item.icono.publicURL : \"http://placehold.it/75x75\"} alt={item.nombre} />\n                {item.nombre}\n              </CustomLink>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nMenu.propTypes = {\n  menuSecundario: PropTypes.arrayOf(\n    PropTypes.shape({\n      nombre: PropTypes.string.isRequired,\n      tipo: PropTypes.string.isRequired,\n      link_id: PropTypes.string.isRequired,\n      icono: PropTypes.shape({\n        publicURL: PropTypes.string.isRequired,\n      }).isRequired,\n    })\n  ).isRequired,\n}\n\nMenu.defaultProps = {\n  menuSecundario: [\n    {\n      nombre: `Afiliación a la Mano`,\n      tipo: `Pagina`,\n      link_id: `/`,\n      icono: {\n        publicURL: `/static/6e42e9fd87b792be6a3040d64eeec6b3/36e2e83e7518ebc69a1b6b2108c16be8.png`,\n      },\n    },\n  ],\n}\n\nexport default Menu\n"],"sourceRoot":""}