{"version":3,"file":"component---src-pages-tools-index-tsx-2457514d8fc85144bcca.js","mappings":"yJAKMA,EAAO,SAAC,GAAD,IAAGC,EAAH,EAAGA,GAAIC,EAAP,EAAOA,KAAMC,EAAb,EAAaA,KAAMC,EAAnB,EAAmBA,SAAnB,OACT,gBAAC,KAAD,CAAMH,GAAIA,EAAII,UAAU,qKACpB,gBAAC,IAAD,CAAMH,KAAMC,EAAMG,KAAK,SACvB,2BACI,uBAAKD,UAAU,yBAAyBH,GACvCE,KA0Bb,UArBkB,WACd,OACI,gBAAC,IAAD,CAAQG,QAAQ,EAAMC,MAAM,QAAQC,SAAS,MACzC,uBAAKJ,UAAU,aACX,uBAAKA,UAAU,gCACX,sBAAIA,UAAU,OAAd,SACA,iHAEJ,uBAAKA,UAAU,kDACX,gBAACL,EAAD,CAAMC,GAAG,uBAAuBC,KAAK,eAAeC,KAAK,qBAAzD,4FAGA,gBAACH,EAAD,CAAMC,GAAG,4BAA4BC,KAAK,oBAAoBC,KAAK,OAAnE","sources":["webpack://fluffle/./src/pages/tools/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport Layout from '../../components/layout'\nimport Icon from '../../components/icon'\nimport { Link } from 'gatsby';\n\nconst Tool = ({ to, name, icon, children }) => (\n    <Link to={to} className=\"flex items-center w-full sm:h-32 cursor-pointer select-none force-light-100 border-2 p-4 space-x-4 rounded transition-colors border-dark-100 hover:border-primary\">\n        <Icon name={icon} size=\"3rem\" />\n        <div>\n            <div className=\"text-xl font-semibold\">{name}</div>\n            {children}\n        </div>\n    </Link>\n);\n\nconst ToolsPage = () => {\n    return (\n        <Layout center={true} title=\"Tools\" maxWidth=\"lg\">\n            <div className=\"space-y-4\">\n                <div className=\"prose text-center max-w-none\">\n                    <h1 className=\"m-0\">Tools</h1>\n                    <p>Apart from the website, there are a couple of tools that make using Fluffle easier.</p>\n                </div>\n                <div className=\"flex flex-col mx-auto justify-center space-y-4\">\n                    <Tool to=\"/tools/telegram-bot/\" name=\"Telegram bot\" icon=\"fa-telegram-plane\">\n                        A bot which reverse searches images sent to it. Can also be used in groups and channels.\n                    </Tool>\n                    <Tool to=\"/tools/browser-extension/\" name=\"Browser extension\" icon=\"web\">\n                        Conveniently integrate Fluffle with your desktop web browser. Available for Chrome and Firefox.\n                    </Tool>\n                </div>\n            </div>\n        </Layout>\n    )\n}\n\nexport default ToolsPage\n"],"names":["Tool","to","name","icon","children","className","size","center","title","maxWidth"],"sourceRoot":""}