{"version":3,"sources":["assets/icon/computer.svg","assets/icon/block.svg","assets/icon/send.svg","assets/icon/timer.svg","pages/Login/components/benefits/benefits.tsx"],"names":["module","exports","Benefits","benefits","icon","computer","title","content","send","timer","block","variant","align","class","color","container","className","map","a","index","key","item","md","xs","justifyContent","src","alt","width","height","weight_color"],"mappings":"oHAAAA,EAAOC,QAAU,IAA0B,sC,oBCA3CD,EAAOC,QAAU,IAA0B,mC,oBCA3CD,EAAOC,QAAU,IAA0B,kC,oBCA3CD,EAAOC,QAAU,IAA0B,mC,iCCA3C,oHA6EeC,UAtEY,WACzB,IAAMC,EAAW,CACf,CACEC,KAAMC,IACNC,MAAO,mBACPC,QACE,8EAEJ,CACEH,KAAMI,IACNF,MAAO,uBACPC,QAAS,uDAEX,CACEH,KAAMK,IACNH,MAAO,iBACPC,QAAS,8DAEX,CACEH,KAAMM,IACNJ,MAAO,cACPC,QAAS,2DAGb,OACE,6BACE,0CACEI,QAAQ,KACRC,MAAM,SACNC,MAAM,WACNC,MAAM,QAJR,yBAQA,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAMC,WAAS,EAACC,UAAU,YACvBb,EAASc,KAAI,SAACC,EAAGC,GAAJ,OACZ,kBAAC,IAAD,CAAMC,IAAKD,EAAOE,MAAI,EAACC,GAAI,EAAGC,GAAI,GAAIP,UAAU,YAC9C,kBAAC,IAAD,CAAMD,WAAS,EAACS,eAAe,UAC7B,kBAAC,IAAD,CAAMH,MAAI,EAACL,UAAU,kBACnB,yBAAKS,IAAKP,EAAEd,KAAMsB,IAAKR,EAAEZ,MAAOqB,MAAO,GAAIC,OAAQ,OAGvD,0CACEjB,QAAQ,KACRC,MAAM,SACNE,MAAM,OACND,MAAM,mBACNgB,aAAa,OAEZX,EAAEZ,OAEL,yBAAKU,UAAU,QACZ,IACD,0CACEF,MAAM,WACNF,MAAM,SACNiB,aAAa,OAEZX,EAAEX","file":"static/js/17.3a51f282.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/computer.7fb38fcc.svg\";","module.exports = __webpack_public_path__ + \"static/media/block.8363acd8.svg\";","module.exports = __webpack_public_path__ + \"static/media/send.054e8d71.svg\";","module.exports = __webpack_public_path__ + \"static/media/timer.2eaed2e7.svg\";","import React from 'react'\nimport computer from 'assets/icon/computer.svg'\nimport block from 'assets/icon/block.svg'\nimport send from 'assets/icon/send.svg'\nimport timer from 'assets/icon/timer.svg'\nimport { Container, Grid } from '@mui/material'\n\nconst Benefits: React.FC = () => {\n  const benefits = [\n    {\n      icon: computer,\n      title: '100% en línea',\n      content:\n        'Accede a tu préstamo de lunes a domingo sin tener que ir a una agencia.',\n    },\n    {\n      icon: send,\n      title: 'Fácil y Rápido',\n      content: 'Sin preocupaciones de  papeleo y tiempos de espera.',\n    },\n    {\n      icon: timer,\n      title: 'Se ajusta a ti',\n      content: 'Financia hasta $40.000 con un máximo de 60 meses plazo.',\n    },\n    {\n      icon: block,\n      title: 'Sin garante',\n      content: 'No necesitas un garante para solicitar tu préstamo.',\n    },\n  ]\n  return (\n    <div>\n      <pichincha-typography\n        variant=\"h3\"\n        align=\"center\"\n        class=\"bp-mt-40\"\n        color=\"blue\"\n      >\n        Conoce tus beneficios\n      </pichincha-typography>\n      <Container>\n        <Grid container className=\"bp-mt-32\">\n          {benefits.map((a, index) => (\n            <Grid key={index} item md={3} xs={12} className=\"bp-my-12\">\n              <Grid container justifyContent=\"center\">\n                <Grid item className=\"icon-container\">\n                  <img src={a.icon} alt={a.title} width={56} height={56} />\n                </Grid>\n              </Grid>\n              <pichincha-typography\n                variant=\"h6\"\n                align=\"center\"\n                color=\"blue\"\n                class=\"bp-mt-16 bp-pb-8\"\n                weight_color=\"500\"\n              >\n                {a.title}\n              </pichincha-typography>\n              <div className=\"size\">\n                {' '}\n                <pichincha-typography\n                  color=\"darkGrey\"\n                  align=\"center\"\n                  weight_color=\"500\"\n                >\n                  {a.content}\n                </pichincha-typography>\n              </div>\n            </Grid>\n          ))}\n        </Grid>\n      </Container>\n    </div>\n  )\n}\n\nexport default Benefits\n"],"sourceRoot":""}