{"version":3,"sources":["webpack:///./src/templates/ManagementCommittee/ManagementCommittee.tsx"],"names":["Layout","loadable","ManagementCommittee","manage","data","allFact","nodes","slice","className","map","committee","key","content","title","src","images","url","alt","dangerouslySetInnerHTML","__html","body"],"mappings":"4FAAA,oEAMMA,EAASC,aAAS,kBAAM,qGAyDfC,UApCa,SAAC,GAEqB,IAC1CC,EAD0C,EADhDC,KAAQC,QAEeC,MAAMC,MAAM,GAEnC,OACE,kBAACP,EAAD,KACE,yBAAKQ,UAAU,cACb,wBAAIA,UAAU,SAAd,wBACA,yBAAKA,UAAU,wBACZL,EAAOM,KAAI,SAACC,GAAc,YACzB,OACE,yBACEF,UAAU,4BACVG,IAAG,UAAED,EAAUE,QAAQ,UAApB,aAAE,EAAsBC,OAE3B,kBAAC,gBAAD,CACEC,IAAG,UAAEJ,EAAUK,OAAO,UAAnB,aAAE,EAAqBC,IAC1BC,IAAI,mBAEN,wBAAIT,UAAU,QAAd,UAAsBE,EAAUE,QAAQ,UAAxC,aAAsB,EAAsBC,OAC5C,uBACEL,UAAU,WACVU,wBAAyB,CACvBC,OAAM,UAAET,EAAUE,QAAQ,UAApB,aAAE,EAAsBQ,iB","file":"component---src-templates-management-committee-management-committee-tsx-e64468e9683d819d7cc0.js","sourcesContent":["import React, { ReactElement } from 'react'\nimport './ManagementCommittee.scss'\nimport { graphql } from 'gatsby'\nimport { LazyLoadImage } from 'react-lazy-load-image-component'\n\nimport loadable from '@loadable/component'\nconst Layout = loadable(() => import('../../components/Layout/Layout'))\n\ntype ManagementCommitteePropTypes = {\n  data: {\n    allFact: {\n      nodes: {\n        content: {\n          title: string\n          body: string\n        }[]\n        id: string\n        images: {\n          description: string\n          featured: string\n          url: string\n        }[]\n      }[]\n    }\n  }\n}\n\nconst ManagementCommittee = ({\n  data: { allFact },\n}: ManagementCommitteePropTypes): ReactElement => {\n  const manage = allFact.nodes.slice(1)\n\n  return (\n    <Layout>\n      <div className=\"management\">\n        <h1 className=\"title\">Management Committee</h1>\n        <div className=\"management-committee\">\n          {manage.map((committee) => {\n            return (\n              <div\n                className=\"management-committee-list\"\n                key={committee.content[0]?.title}\n              >\n                <LazyLoadImage\n                  src={committee.images[0]?.url}\n                  alt=\"committeeImage\"\n                />\n                <h1 className=\"name\">{committee.content[0]?.title}</h1>\n                <p\n                  className=\"position\"\n                  dangerouslySetInnerHTML={{\n                    __html: committee.content[0]?.body,\n                  }}\n                />\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default ManagementCommittee\n\nexport const pageQuery = graphql`\n  query ManagementCommitteeQuery {\n    allFact {\n      ...ManagementCommitteeFields\n    }\n  }\n`\n"],"sourceRoot":""}