{"version":3,"file":"component---src-templates-page-terms-js-7893b5f9f32b9235eaa7.js","mappings":"mNAOe,SAASA,EAAT,GAA0B,IAAD,IAChCC,EADgC,EAARC,KACZC,UAAUC,MAAM,GAClC,GAAkCC,EAAAA,EAAAA,UAAS,GAApCC,EAAP,KAAkBC,EAAlB,KAEMC,GAAaC,EAAAA,EAAAA,cAAY,SAACC,GAEhCH,EADGD,IAAYI,GAGFA,KAEV,CAACJ,IAEJ,OACE,gBAAC,IAAD,CAAQK,UAAU,cAChB,gBAAC,KAAD,CAAKC,KAAMX,IACd,+BACE,0BAAQU,UAAU,gBAChB,gBAAC,IAAD,CAAME,OAAQ,CAACC,OAAS,QAASC,MAAQd,EAAKc,UAEnD,uBAAKJ,UAAU,YAEZV,EAAKe,SACN,uBAAKL,UAAU,OAAOM,wBAAyB,CAAEC,OAAQjB,EAAKe,YAK7D,UAAAf,EAAKkB,aAAL,eAAYC,kBAAZ,UAA8BnB,EAAKkB,aAAnC,aAA8B,EAAYC,eAAeC,SAC1D,sBAAIV,UAAU,qBACZV,EAAKkB,MAAMC,eAAeE,KAAI,SAACC,EAAKC,GAAN,OAC7B,gBAAC,EAAAC,SAAD,CAAUC,IAAQF,EAAL,SACd,uBAAKb,UAAWL,IAAYkB,EAAI,SAAW,IAC1C,sBAAIG,QAAS,kBAAMnB,EAAWgB,IAAII,UAAW,kBAAMpB,EAAWgB,IAAIK,KAAK,gBACpEN,EAAIR,OAEP,0BAAI,gBAAC,IAAD,CAAUe,OAAQxB,IAAYkB,EAAGP,wBAAyB,CAAEC,OAAQK,EAAIQ","sources":["webpack://landbay/./src/templates/page-terms.js"],"sourcesContent":["import React, { Fragment, useState, useCallback } from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from '../components/Layout' \nimport Hero from '../components/widgets/Hero' \nimport Seo from 'gatsby-plugin-wpgraphql-seo';\nimport Collapse from \"@kunukn/react-collapse\";\n\nexport default function Terms({ data }) {\n  const page = data.allWpPage.nodes[0];\n  const [activeRow, setActiveRow] = useState(0);\n\n  const onClickRow = useCallback((index) => {\t\n\tif (activeRow===index) {\n\t\tsetActiveRow(false);\n\t} else {\n\t\tsetActiveRow(index);\n\t}\n  }, [activeRow]);\n\n  return (\n    <Layout className=\"page-terms\">\t\n      <Seo post={page} />\n\t  <article>\n\t    <header className=\"page-widgets\">\n\t      <Hero widget={{layout : 'small', title: (page.title)}} />\n\t    </header>\n\t\t<div className=\"internal\">\n\t\t\t{\n\t\t\t  page.content && (\n\t\t\t\t<div className=\"copy\" dangerouslySetInnerHTML={{ __html: page.content }} />\n\t\t\t)}\n\t\t\t\n\t\t\t{/*do we have some accordion content?*/}\n\t\t\t{\n\t\t\t  page.terms?.termsAccordion && page.terms?.termsAccordion.length && (\n\t\t\t\t<dl className=\"landbay-accordion\">\n\t\t\t\t\t{page.terms.termsAccordion.map((row, i) => (\n\t\t\t\t\t  <Fragment key={`${i}-item`}>\n\t\t\t\t\t\t<div className={activeRow===i ? 'active' : ''}>{/*ref: https://github.com/whatwg/html/issues/1937*/}\n\t\t\t\t\t\t\t<dt onClick={() => onClickRow(i)} onKeyDown={() => onClickRow(i)} role=\"presentation\">\n\t\t\t\t\t\t\t  {row.title}\n\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t<dd><Collapse isOpen={activeRow===i} dangerouslySetInnerHTML={{ __html: row.text }}></Collapse></dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t  </Fragment>\n\t\t\t\t\t))}\n\t\t\t    </dl>\n\t\t\t)}\n\t\t</div>\n\t  </article>\n    </Layout>\n  )\n}\nexport const query = graphql`\n  query($id: String!) {\n    allWpPage(filter: { id: { eq: $id } }) {\n      nodes {\n        ...PageSEOFragment\n        title\n\t    content\n\t\tterms {\n\t\t  termsAccordion {\n\t\t    title\n\t\t    text\n\t\t  }\n\t\t}\n      }\n    }\n  }\n`"],"names":["Terms","page","data","allWpPage","nodes","useState","activeRow","setActiveRow","onClickRow","useCallback","index","className","post","widget","layout","title","content","dangerouslySetInnerHTML","__html","terms","termsAccordion","length","map","row","i","Fragment","key","onClick","onKeyDown","role","isOpen","text"],"sourceRoot":""}