{"version":3,"sources":["assets/images/login/video.jpg","pages/Login/components/functioning/video.tsx"],"names":["module","exports","Video","React","useState","open","setOpen","theme","useTheme","fullScreen","useMediaQuery","breakpoints","down","controls","poster","ImgVideo","className","src","type","onClick","alt","width","height","style","fontSize","onClose","aria-labelledby"],"mappings":"oHAAAA,EAAOC,QAAU,IAA0B,mC,mIC+C5BC,UA1CS,WAAO,IAAD,EACJC,IAAMC,UAAS,GADX,mBACrBC,EADqB,KACfC,EADe,KAEtBC,EAAQC,cACRC,EAAaC,YAAcH,EAAMI,YAAYC,KAAK,OAUxD,OACE,6BACE,2BAAOC,UAAQ,EAACC,OAAQC,IAAUC,UAAU,iBAC1C,4BAAQC,IAAI,gGAAgGC,KAAK,eAEnH,kBAAC,IAAD,CAAQC,QAbY,WACtBb,GAAQ,IAY4BU,UAAU,eAC1C,yBACEI,IAAI,YACJJ,UAAU,UACVK,MAAM,OACNC,OAAO,MACPL,IAAKF,MAEP,kBAAC,IAAD,CAAmBC,UAAU,aAAaO,MAAO,CAAEC,SAAU,KAA7D,SAEF,kBAAC,IAAD,CACEf,WAAYA,EACZJ,KAAMA,EACNoB,QAtBc,WAClBnB,GAAQ,IAsBJoB,kBAAgB,2BAEhB,2BAAOb,UAAQ,GACb,4BAAQI,IAAI,gGAAgGC,KAAK","file":"static/js/23.ecf7f04b.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/video.51029f09.jpg\";","import React from 'react'\nimport ImgVideo from 'assets/images/login/video.jpg'\nimport { Button, Dialog, useMediaQuery, useTheme } from '@mui/material';\nimport { PlayCircleOutline } from '@mui/icons-material';\n\nconst Video: React.FC = () => {\n  const [open, setOpen] = React.useState(false);\n  const theme = useTheme();\n  const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  return (\n    <div >\n      <video controls poster={ImgVideo} className='sizevid-movil'>\n        <source src='https://production-cd-crd-resources.storage.googleapis.com/assets/videos/login/video_info.mp4' type=\"video/mp4\" />\n      </video>\n      <Button onClick={handleClickOpen} className='sizevid-web'>\n        <img\n          alt=\"Error 404\"\n          className='sizevid'\n          width='100%'\n          height='50%'\n          src={ImgVideo}\n        />\n        <PlayCircleOutline className='play-video' style={{ fontSize: 80 }}>    </PlayCircleOutline>\n      </Button>\n      <Dialog\n        fullScreen={fullScreen}\n        open={open}\n        onClose={handleClose}\n        aria-labelledby=\"responsive-dialog-title\"\n      >\n        <video controls >\n          <source src='https://production-cd-crd-resources.storage.googleapis.com/assets/videos/login/video_info.mp4' type=\"video/mp4\" />\n        </video>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default Video"],"sourceRoot":""}