{"version":3,"sources":["../node_modules/@mui/icons-material/esm/ArrowBackIos.js","../node_modules/@mui/icons-material/esm/ArrowForwardIos.js","pages/Login/components/carousel/carousel.tsx"],"names":["createSvgIcon","_jsx","d","Carousel","useState","current","setCurrent","onClick","value","operationValue","carousel","title","content","data","className","Container","Grid","container","direction","justifyContent","alignItems","IconButton","data-testid","ArrowBackIos","arial-label","item","xs","variant","weight","class","color","weight_color","align","ArrowForwardIos"],"mappings":"6MAEeA,cAA4BC,cAAK,OAAQ,CACtDC,EAAG,wDACD,gBCFWF,cAA4BC,cAAK,OAAQ,CACtDC,EAAG,mDACD,mBC4EWC,UA3EY,WAAO,IAAD,EAEDC,mBAAS,GAFR,mBAExBC,EAFwB,KAEfC,EAFe,KAGzBC,EAAU,SAACC,GAEf,IAAMC,GAAkBJ,EAAUG,GAAS,EAEzCF,EADEG,EAAiB,EACR,EAEAA,IAITC,EAAW,CACf,CAEEC,MAAO,uBACPC,QAAS,+HACTC,KAAM,UAER,CACEF,MAAO,oBACPC,QAAS,uLACTC,KAAM,WAER,CACEF,MAAO,oBACPC,QAAS,8NACTC,KAAM,YAER,CACEF,MAAO,qBACPC,QAAS,wJACTC,KAAM,UAER,CACEF,MAAO,oBACPC,QAAS,iLACTC,KAAM,WAIV,OAEE,yBAAKC,UAAU,YAEb,kBAACC,EAAA,EAAD,KACE,wBAAID,UAAU,aACd,kBAACE,EAAA,EAAD,CAAMC,WAAS,EAACC,UAAU,MAAMC,eAAe,gBAAgBC,WAAW,UACxE,kBAACC,EAAA,EAAD,CAAYC,cAAY,aAAaf,QAAS,kBAAMA,GAAS,KAC3D,kBAACgB,EAAD,CAAcC,cAAY,gBAE5B,kBAACR,EAAA,EAAD,CAAMS,MAAI,EAACC,GAAI,GACb,0CAAsBC,QAAQ,KAAKC,OAAO,WAAWC,MAAM,UAAUC,MAAM,WAAWC,aAAa,MAAMC,MAAM,UAC5GtB,EAASL,GAASM,OAErB,0CAAsBgB,QAAQ,KAAKE,MAAM,UAAUG,MAAM,UACtDtB,EAASL,GAASO,SAErB,0CAAsBe,QAAQ,KAAKK,MAAM,UACtCtB,EAASL,GAASQ,OAGvB,kBAACG,EAAA,EAAD,CAAMS,MAAI,GACR,kBAACJ,EAAA,EAAD,CAAYd,QAAS,kBAAMA,EAAQ,KACjC,kBAAC0B,EAAD,CAAiBX,cAAY,eAAeE,cAAY","file":"static/js/25.47baf626.chunk.js","sourcesContent":["import createSvgIcon from './utils/createSvgIcon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z\"\n}), 'ArrowBackIos');","import createSvgIcon from './utils/createSvgIcon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z\"\n}), 'ArrowForwardIos');","import React, { useState } from 'react'\nimport { Container, Grid } from '@mui/material'\nimport IconButton from '@mui/material/IconButton';\nimport { ArrowBackIos, ArrowForwardIos } from '@mui/icons-material';\n\nconst Carousel: React.FC = () => {\n\n  const [current, setCurrent] = useState(0)\n  const onClick = (value: number) => {\n\n    const operationValue = (current + value) % 5\n    if (operationValue < 0) {\n      setCurrent(4)\n    } else {\n      setCurrent(operationValue)\n    }\n  }\n\n  const carousel = [\n    {\n\n      title: 'Fácil y rápido',\n      content: '“Increíble, nunca había tenido una experiencia de obtener un crédito de esta manera. ¡Felicitaciones!”',\n      data: 'Danny.'\n    },\n    {\n      title: 'Oportuno y seguro',\n      content: '“Gracias  por brindarme el apoyo de poder realizar un postgrado. Era un sueño que parecía imposible por cuestiones financieras. Gracias a ustedes lo puedo cumplir.”',\n      data: 'Martha.'\n    },\n    {\n      title: 'Sin perder tiempo',\n      content: '“De manera personal agradecerles por el servicio prestado ya que hemos evitado grandes filas, el viaje, el tiempo invertido, en fin de verdad estoy muy agradecida por ofrecer este servicio. Saludos cordiales.”',\n      data: 'Jessica.'\n    },\n    {\n      title: 'Efectivo y moderno',\n      content: '“Esta opción es increible. Pensé que nunca podría acceder a un crédito pero me ayudaron a cumplir un sueño. Muchas gracias.”',\n      data: 'David.'\n    },\n    {\n      title: 'Sin perder tiempo',\n      content: '“Excelente servicio y gracias por apoyar a los emprendedores. Con este dinero voy a sacar los registros de mis productos y podre ingresar a otros mercados locales.”',\n      data: 'Julio.'\n    }\n\n  ]\n  return (\n\n    <div className=\"bp-my-32\">\n\n      <Container>\n        <hr className=\"bp-my-32\" />\n        <Grid container direction='row' justifyContent='space-between' alignItems='center'>\n          <IconButton data-testid='arrow_back' onClick={() => onClick(-1)}>\n            <ArrowBackIos arial-label='Arrow Back'/>\n          </IconButton>\n          <Grid item xs={8}>\n            <pichincha-typography variant=\"h5\" weight='semibold' class='bp-pb-4' color='darkGrey' weight_color='500' align=\"center\">\n              {carousel[current].title}\n            </pichincha-typography>\n            <pichincha-typography variant=\"h5\" class='bp-pb-8' align=\"center\">\n              {carousel[current].content}\n            </pichincha-typography>\n            <pichincha-typography variant=\"h6\" align=\"center\">\n              {carousel[current].data}\n            </pichincha-typography>\n          </Grid>\n          <Grid item>\n            <IconButton onClick={() => onClick(1)}>\n              <ArrowForwardIos data-testid='arrow_foward' arial-label='Arrow Forward'/>\n            </IconButton>\n          </Grid>\n        </Grid>\n      </Container>\n    </div>\n\n  )\n}\n\nexport default Carousel"],"sourceRoot":""}