{"version":3,"file":"component---src-pages-index-js-85dfccc4989b07ce6d42.js","mappings":"0KAoEA,UA7DkB,SAAC,GAAc,IAAZA,EAAW,EAAXA,KACjB,EAA4BC,EAAAA,SAAe,IAApCC,EAAP,UAEA,OACI,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKC,MAAO,UAAWC,SAAU,sBAMhCF,EAAOG,OAAOC,OAAS,GACpB,gCACI,yCAAiBJ,EAAOG,OAAxB,KAEA,uBAAKE,UAAWC,EAAAA,MAIE,IAAzBN,EAAOG,OAAOC,QACX,gCACI,6CAEA,uBAAKC,UAAWC,EAAAA,IACXR,EAAKS,gBAAgBC,MAAMC,KAAI,SAACC,GAC7B,OACI,gBAAC,KAAD,CACIL,UAAWC,EAAAA,GACXK,GAAI,IAAMD,EAAIE,OAAOC,KAAO,IAAMH,EAAII,KAEtC,4BAAOJ,EAAIK,aACX,wBAAMV,UAAWC,EAAAA,IACZI,EAAIG,e,sGCtCtC,IACIG,EAAW,gCACXC,EAAO,4BACPJ,EAAO","sources":["webpack://perm-index/./src/pages/index.js","webpack://perm-index/./src/pages/index.module.scss"],"sourcesContent":["import { graphql, Link } from \"gatsby\";\nimport * as React from \"react\";\nimport Seo from \"../components/Seo\";\nimport Layout from \"../layouts/default\";\n\nimport * as styles from \"./index.module.scss\";\n\nconst IndexPage = ({ data }) => {\n    const [search, setSearch] = React.useState(\"\");\n\n    return (\n        <Layout>\n            <Seo title={\"Explore\"} seoTitle={\"Explore PermIndex\"} />\n            {/*<div className={styles.searchBox}>\n                <input value={search} onChange={(ev) => setSearch(ev.currentTarget.value)} placeholder=\"Search...\" />\n                <button>Search</button>\n            </div>*/}\n\n            {search.trim().length > 0 && (\n                <>\n                    <h2>Search for \"{search.trim()}\"</h2>\n\n                    <div className={styles.cardList}></div>\n                </>\n            )}\n\n            {search.trim().length === 0 && (\n                <>\n                    <h2>Permission Sets</h2>\n\n                    <div className={styles.cardList}>\n                        {data.allPermIndexSet.nodes.map((set) => {\n                            return (\n                                <Link\n                                    className={styles.card}\n                                    to={\"/\" + set.parent.name + \"/\" + set.oid}\n                                >\n                                    <span>{set.description}</span>\n                                    <span className={styles.name}>\n                                        {set.name}\n                                    </span>\n                                </Link>\n                            );\n                        })}\n                    </div>\n                </>\n            )}\n        </Layout>\n    );\n};\n\nexport const query = graphql`\n    {\n        allPermIndexSet {\n            nodes {\n                oid\n                parent {\n                    ... on PermIndexNamespace {\n                        name\n                    }\n                }\n                name\n                description\n            }\n        }\n    }\n`;\n\nexport default IndexPage;\n","// extracted by mini-css-extract-plugin\nexport var searchBox = \"index-module--searchBox--wxd7i\";\nexport var cardList = \"index-module--cardList---XpsM\";\nexport var card = \"index-module--card--cRGJo\";\nexport var name = \"index-module--name--ratG7\";"],"names":["data","React","search","title","seoTitle","trim","length","className","styles","allPermIndexSet","nodes","map","set","to","parent","name","oid","description","cardList","card"],"sourceRoot":""}