{"version":3,"sources":["webpack:///./src/templates/guide.js"],"names":["guide","data","markdownRemark","renderAst","Rehype","createElement","React","components","h1","props","className","children","h2","h3","p","a","table","tr","td","th","Compiler","htmlAst"],"mappings":"2FAAA,+DAIe,sBAAe,IACtBA,EADqB,EAAXC,KACGC,eAsDnB,IAAMC,EAAY,IAAIC,IAAO,CAC3BC,cAAeC,IAAMD,cACrBE,WAAY,CACVC,GAvDJ,SAAYC,GACV,OACE,sCAAIC,UAAU,6BAAgCD,GAC3CA,EAAME,WAqDTC,GAhDJ,SAAYH,GACV,OACE,sCAAIC,UAAU,6BAAgCD,GAC3CA,EAAME,WA8CTE,GAzCJ,SAAYJ,GACV,OACE,sCAAIC,UAAU,4BAA+BD,GAC1CA,EAAME,WAuCTG,EAlCJ,SAAWL,GACT,OACE,qCAAGC,UAAU,wCAA2CD,GACrDA,EAAME,WAgCTI,EA3BJ,SAAWN,GACT,OAAO,sBAAOA,IA2BZO,MAZJ,SAAeP,GACb,OAAO,2CAAWA,EAAX,CAAkBC,UAAU,aAYjCO,GArBJ,SAAYR,GACV,OAAO,wCAAQA,EAAR,CAAeC,UAAU,aAqB9BQ,GAlBJ,SAAYT,GACV,OAAO,wCAAQA,EAAR,CAAeC,UAAU,uBAkB9BS,GA3BJ,SAAYV,GACV,OAAO,wCAAQA,EAAR,CAAeC,UAAU,oCA4B/BU,SAEH,OACE,6BACE,yBAAKV,UAAU,qBAAqBP,EAAUH,EAAMqB","file":"component---src-templates-guide-js-71022580d7b4d081db29.js","sourcesContent":["import React from 'react';\r\nimport Rehype from 'rehype-react';\r\nimport { Link } from 'gatsby';\r\n\r\nexport default ({ data }) => {\r\n  const guide = data.markdownRemark;\r\n\r\n  function h1(props) {\r\n    return (\r\n      <h1 className=\"text-2xl font-normal pt-8\" {...props}>\r\n        {props.children}\r\n      </h1>\r\n    );\r\n  }\r\n\r\n  function h2(props) {\r\n    return (\r\n      <h2 className=\"text-2xl font-normal py-4\" {...props}>\r\n        {props.children}\r\n      </h2>\r\n    );\r\n  }\r\n\r\n  function h3(props) {\r\n    return (\r\n      <h3 className=\"text-lg font-normal py-4\" {...props}>\r\n        {props.children}\r\n      </h3>\r\n    );\r\n  }\r\n\r\n  function p(props) {\r\n    return (\r\n      <p className=\"font-normal text-black py-2 relative\" {...props}>\r\n        {props.children}\r\n      </p>\r\n    );\r\n  }\r\n\r\n  function a(props) {\r\n    return <a {...props} />;\r\n  }\r\n\r\n  function th(props) {\r\n    return <th {...props} className=\"border w-1/3 p-2 text-left\" />;\r\n  }\r\n\r\n  function tr(props) {\r\n    return <tr {...props} className=\"border\" />;\r\n  }\r\n\r\n  function td(props) {\r\n    return <td {...props} className=\"border w-1/3 p-2\" />;\r\n  }\r\n\r\n  function table(props) {\r\n    return <table {...props} className=\"w-full\" />;\r\n  }\r\n\r\n  const renderAst = new Rehype({\r\n    createElement: React.createElement,\r\n    components: {\r\n      h1,\r\n      h2,\r\n      h3,\r\n      p,\r\n      a,\r\n      table,\r\n      tr,\r\n      td,\r\n      th\r\n    }\r\n  }).Compiler;\r\n\r\n  return (\r\n    <div>\r\n      <div className=\"container mx-auto\">{renderAst(guide.htmlAst)}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const query = graphql`\r\n  query($id: String!) {\r\n    markdownRemark(id: { eq: $id }) {\r\n      id\r\n      html\r\n      htmlAst\r\n    }\r\n  }\r\n`;\r\n"],"sourceRoot":""}