{"version":3,"file":"index-L0pB_713.js","sources":["../../../app/javascript/src/explore/elements/Video/index.tsx"],"sourcesContent":["import React from 'react';\n\ninterface Props {\n  src: string;\n}\n\nexport const Video: React.FC<Props & React.VideoHTMLAttributes<HTMLVideoElement>> = ({\n  children,\n  controls = false,\n  muted = true,\n  playsInline = true,\n  src,\n  ...attrs\n}) => {\n  const filename = src?.replace( /\\.[^/.]+$/, '' );\n  const videoRef = React.useRef( undefined );\n\n  React.useEffect(() => {\n    if( muted ){\n      videoRef.current.defaultMuted = true;\n      videoRef.current.muted = true;\n    }\n  })\n\n  return (\n    <video\n      id=\"video\"\n      muted={muted}\n      controls={controls}\n      controlsList=\"nodownload\"\n      playsInline={playsInline}\n      ref={videoRef}\n      {...attrs}\n    >\n      <source src={`${filename}.webm`} type=\"video/webm\" />\n      <source src={`${filename}.mp4`} type=\"video/mp4\" />\n      {children}\n    </video>\n  );\n};\n"],"names":["Video","children","controls","muted","playsInline","src","attrs","filename","videoRef","React"],"mappings":"wCAMO,MAAMA,EAAuE,CAAC,CACnF,SAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,GACR,YAAAC,EAAc,GACd,IAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAWF,GAAA,YAAAA,EAAK,QAAS,YAAa,IACtCG,EAAWC,EAAM,OAAQ,MAAU,EAEzC,OAAAA,EAAM,UAAU,IAAM,CAChBN,IACFK,EAAS,QAAQ,aAAe,GAChCA,EAAS,QAAQ,MAAQ,GAC3B,CACD,EAGCC,EAAA,cAAC,QAAA,CACC,GAAG,QACH,MAAAN,EACA,SAAAD,EACA,aAAa,aACb,YAAAE,EACA,IAAKI,EACJ,GAAGF,CAAA,kBAEH,SAAO,CAAA,IAAK,GAAGC,CAAQ,QAAS,KAAK,aAAa,kBAClD,SAAO,CAAA,IAAK,GAAGA,CAAQ,OAAQ,KAAK,YAAY,EAChDN,CACH,CAEJ"}