{"version":3,"file":"Screenshot.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/Screenshot.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport React from 'react';\n\nconst Image = styled('img')(({ theme }) => ({\n  '&': {\n    alignSelf: 'start',\n    maxWidth: 'min(100%, 1200px)',\n    margin: `${theme.spacing(1)} 0`,\n    display: 'block',\n  },\n}));\n\nexport const Screenshot = ({ src, hasRetina = true, alt }: { src: string; hasRetina?: boolean; alt: string }) => {\n  return (\n    <Image\n      src={src}\n      // We'll assume the image is a png, screenshots should probably not be in any other format\n      srcSet={hasRetina ? `${src.replace(/\\.png$/, '.2x.png')} 2x` : undefined}\n      alt={alt}\n    />\n  );\n};\n"],"names":["Image","styled","theme","alignSelf","maxWidth","margin","spacing","display","Screenshot","src","hasRetina","alt","React","srcSet","replace","undefined"],"mappings":";;;AAGA,MAAMA,KAAAA,GAAQC,OAAO,KAAA,CAAA,CAAO,CAAC,EAAEC,KAAK,EAAE,IAAM;QAC1C,GAAA,EAAK;YACHC,SAAAA,EAAW,OAAA;YACXC,QAAAA,EAAU,mBAAA;AACVC,YAAAA,MAAAA,EAAQ,GAAGH,KAAAA,CAAMI,OAAO,CAAC,CAAA,CAAA,CAAG,EAAE,CAAC;YAC/BC,OAAAA,EAAS;AACX;KACF,CAAA,CAAA;AAEO,MAAMC,UAAAA,GAAa,CAAC,EAAEC,GAAG,EAAEC,SAAAA,GAAY,IAAI,EAAEC,GAAG,EAAqD,GAAA;AAC1G,IAAA,qBACEC,EAAA,CAAA,aAAA,CAACZ,KAAAA,EAAAA;QACCS,GAAAA,EAAKA,GAAAA;;QAELI,MAAAA,EAAQH,SAAAA,GAAY,GAAGD,GAAAA,CAAIK,OAAO,CAAC,QAAA,EAAU,SAAA,CAAA,CAAW,GAAG,CAAC,GAAGC,SAAAA;QAC/DJ,GAAAA,EAAKA;;AAGX;;;;"}