{"version":3,"file":"index-CJHraFex.js","sources":["../../src/common/layout/header/recording-dot/recording-dot.tsx"],"sourcesContent":["import { Box, Typography } from '@common/components'\n\nconst RecordingDot = (props: { size?: string }) => {\n  const { size = '15px' } = props\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <div className='blinking-dot'>\n        <style>\n          {`\n          .blinking-dot {\n            width: ${size};\n            height: ${size};\n            background: rgba(179, 0, 0, 0.8);\n            border-radius: ${size};\n            animation: blink 1s infinite;\n          }\n\n          @keyframes blink {\n            50% {\n              opacity: 0;\n            }\n          }\n        `}\n        </style>\n      </div>\n      <Typography sx={{ marginLeft: '8px', fontSize: size }}>Speech AI</Typography>\n    </Box>\n  )\n}\n\nexport default RecordingDot\n"],"names":["RecordingDot","props","size","jsxs","Box","jsx","Typography"],"mappings":"spNAEM,MAAAA,GAAgBC,GAA6B,CAC3C,KAAA,CAAE,KAAAC,EAAO,MAAA,EAAWD,EAExB,OAAAE,EAAA,KAACC,GAAI,GAAI,CAAE,QAAS,OAAQ,WAAY,QACtC,EAAA,SAAA,CAAAC,MAAC,MAAI,CAAA,UAAU,eACb,SAAAA,EAAA,IAAC,QACE,CAAA,SAAA;AAAA;AAAA,qBAEUH,CAAI;AAAA,sBACHA,CAAI;AAAA;AAAA,6BAEGA,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,CAUzB,CACF,CAAA,EACAG,EAAAA,IAACC,GAAW,GAAI,CAAE,WAAY,MAAO,SAAUJ,CAAK,EAAG,SAAS,WAAA,CAAA,CAAA,EAClE,CAEJ"}