{"version":3,"sources":["webpack:///./src/pages/integrations/sentry.js"],"names":["withIntegrationCardContext","sliderSettings","photos","img","useStaticQuery","img1","childImageSharp","fluid","alt","title","className","href"],"mappings":"+FAAA,kGA2DeA,uBAnDA,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eAYVC,EAAS,CACb,CACEC,IAbaC,yBAAe,cAAxBC,KAaMC,gBAAgBC,MAC1BC,IAAK,qBACLC,MAAO,sCAGX,OACE,oCACE,kBAAC,IAAD,iBAAYR,EAAeC,GAA3B,CAAoCQ,UAAU,iBAC5C,6BACE,kBAAC,IAAD,CAAKH,MAAOL,EAAO,GAAGC,IAAKK,IAAKN,EAAO,GAAGM,IAAKC,MAAOP,EAAO,GAAGO,UAGpE,yBAAKC,UAAU,WACb,wCACA,2OAMF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,2EACA,4DACA,oEAGJ,8CACA,sFAC2D,IACzD,uBAAGC,KAAK,6BAAR,eAFF","file":"component---src-pages-integrations-sentry-js-63d878b08544095b21b7.js","sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport Img from 'gatsby-image';\nimport PropTypes from 'prop-types';\nimport withIntegrationCardContext from 'hoc/withIntegrationCardContext';\nimport Slider from 'react-slick';\n\nconst Sentry = ({ sliderSettings }) => {\n  const { img1 } = useStaticQuery(graphql`\n    query {\n      img1: file(relativePath: { eq: \"marketplace/sentry/1.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  `);\n  const photos = [\n    {\n      img: img1.childImageSharp.fluid,\n      alt: 'Sentry Integration',\n      title: 'Integrate Sentry with LiveSession',\n    },\n  ];\n  return (\n    <>\n      <Slider {...sliderSettings(photos)} className=\"without-dots\">\n        <div>\n          <Img fluid={photos[0].img} alt={photos[0].alt} title={photos[0].title} />\n        </div>\n      </Slider>\n      <div className=\"section\">\n        <h2>Overview</h2>\n        <p>\n          Sentry is an error monitoring tool that helps you detect bugs in your software. With\n          Sentry, you can analyze all kinds of issues in one place, find out what caused them and\n          come up with solutions faster.\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>See how the users interacted with your code</li>\n          <li>Find the reasons behind bugs</li>\n          <li>Deliver solutions more effectively</li>\n        </ul>\n      </div>\n      <h2>How to install</h2>\n      <p>\n        Just copy and paste a piece of code, as described in our{' '}\n        <a href=\"/help/sentry-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(Sentry);\n\nSentry.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}