{"version":3,"sources":["webpack:///./src/pages/types.js","webpack:///./src/components/page.js"],"names":["TypesPage","typeHeader","mbti","cfTypes","class","title","description","fluid","style","maxWidth","cfRange","types","map","sm","Page","children","margin","width","padding","alignItems","textAlign","marginTop","dangerouslySetInnerHTML","__html","trim","split","join"],"mappings":"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","file":"component---src-pages-types-js-c61ae25d55819a4e19ac.js","sourcesContent":["import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport Page from \"../components/page\"\nimport SEO from \"../components/seo\"\nimport \"../scss/types.scss\"\nimport { Container, Row, Col, Hidden } from \"react-grid-system\"\n\nconst TypesPage = () => {\n  const typeHeader = ({ mbti, cfTypes }) => {\n    return (\n      <div class=\"type-symbol-block\">\n        <span class=\"type-symbol-mbti\">{mbti}</span>\n        <div>\n          <span class=\"types-symbol-cf\">{cfTypes[0]}</span>\n          <span class=\"type-symbol-divider-pipe\">|</span>\n          <span class=\"types-symbol-cf\">{cfTypes[1]}</span>\n        </div>\n      </div>\n    )\n  }\n\n  const typesBlock = ({ cfRange, types }) => (\n    <Col sm={6} class=\"types-block\">\n      <div class=\"type-range-title\">\n        <span class=\"types-block-title-cf\">{cfRange[0][0]}</span>\n        <span class=\"types-range-divider-dash\">-</span>\n        <span class=\"types-block-title-cf\">{cfRange[0][1]}</span>\n        <span class=\"types-range-divider-pipe\">|</span>\n        <span class=\"types-block-title-cf\">{cfRange[1][0]}</span>\n        <span class=\"types-range-divider-dash\">-</span>\n        <span class=\"types-block-title-cf\">{cfRange[1][1]}</span>\n      </div>\n      <Row>\n        {/* <Col sm={1} /> */}\n        <Col sm={6}>\n          {typeHeader(types[0])}\n          {typeHeader(types[2])}\n        </Col>\n        <Col sm={6}>\n          {typeHeader(types[1])}\n          {typeHeader(types[3])}\n        </Col>\n        {/* <Col sm={1} /> */}\n      </Row>\n    </Col>\n  )\n\n  const typeData = [{\n    cfRange: [[\n      \"Se\", \"Ni\",\n    ], [\n      \"Fe\", \"Ti\",\n    ]],\n    types: [{\n      mbti: \"ENFJ\",\n      cfTypes: [\"FeNi\", \"FeSe\"],\n    }, {\n      mbti: \"ESTP\",\n      cfTypes: [\"SeTi\", \"SeFe\"],\n    }, {\n      mbti: \"INFJ\",\n      cfTypes: [\"NiFe\", \"NiTi\"],\n    }, {\n      mbti: \"ISTP\",\n      cfTypes: [\"TiSe\", \"TiNi\"],\n    }]\n  }, {\n    cfRange: [[\n      \"Se\", \"Ni\",\n    ], [\n      \"Te\", \"Fi\",\n    ]],\n    types: [{\n      mbti: \"ENTJ\",\n      cfTypes: [\"TeNi\", \"TeSe\"],\n    }, {\n      mbti: \"ESFP\",\n      cfTypes: [\"SeFi\", \"SeTe\"],\n    }, {\n      mbti: \"INTJ\",\n      cfTypes: [\"NiTe\", \"NiFi\"],\n    }, {\n      mbti: \"ISFP\",\n      cfTypes: [\"FiSe\", \"FiNi\"],\n    }]\n  }, {\n    cfRange: [[\n      \"Ne\", \"Si\",\n    ], [\n      \"Fe\", \"Ti\",\n    ]],\n    types: [{\n      mbti: \"ESFJ\",\n      cfTypes: [\"FeSi\", \"FeNe\"],\n    }, {\n      mbti: \"ENTP\",\n      cfTypes: [\"NeTi\", \"NeFe\"],\n    }, {\n      mbti: \"ISFJ\",\n      cfTypes: [\"SiFe\", \"SiTi\"],\n    }, {\n      mbti: \"INTP\",\n      cfTypes: [\"TiNe\", \"TiSi\"],\n    }]\n  }, {\n    cfRange: [[\n      \"Ne\", \"Si\",\n    ], [\n      \"Te\", \"Fi\",\n    ]],\n    types: [{\n      mbti: \"ESTJ\",\n      cfTypes: [\"TeSi\", \"TeNe\"],\n    }, {\n      mbti: \"ENFP\",\n      cfTypes: [\"NeFi\", \"NeTe\"],\n    }, {\n      mbti: \"ISTJ\",\n      cfTypes: [\"SiTe\", \"SiFi\"],\n    }, {\n      mbti: \"INFP\",\n      cfTypes: [\"FiNe\", \"FiSi\"],\n    }]\n  }]\n\n  return (\n    <Layout>\n      <Page\n        title=\"Types\"\n        description={`\n          Unfortunately we must continue to use the MBTI type names as they are easily recognized.\n          We can only hope that, with time, we are able to move on to addressing types by their top two functions.\n        `}\n      >\n        <Container fluid={true} style={{ maxWidth: 1024 }}>\n          <Row class=\"types-container\">\n            {typeData.map(typesBlock)}\n          </Row>\n        </Container>\n      </Page>\n      <SEO title=\"Types\" />\n    </Layout>\n  )\n}\n\nexport default TypesPage\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport \"./page.scss\"\nimport \"./../scss/typography.scss\"\n\nconst Page = ({children, title=\"\", description=\"\"}) => {\n  return (\n    <main style={{\n      margin: `0 auto`,\n      width: 1280,\n      padding: `0px 1.0875rem 1.45rem`,\n      alignItems: \"center\",\n      textAlign: \"center\",\n      marginTop: \"10rem\",\n    }}>\n        {\n          title != \"\" &&\n          <span class=\"page-header\">{title}</span>\n        }{\n          description != \"\" &&\n          <p class=\"page-title-description\" dangerouslySetInnerHTML={{ __html: description.trim().split(\"\\n\").join(\"<br>\") }} />\n        }\n        <div>\n        {children}\n        </div>\n    </main>\n  )\n}\n\nPage.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Page\n"],"sourceRoot":""}