Rev 3377 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react'
import { CardMedia, Typography } from '@mui/material'
export default React.forwardRef(function DailyMediaContent(
{ type, mediaUrl },
ref
) {
switch (type) {
case 'video': {
return (
<CardMedia
component='video'
src={mediaUrl}
controls
autoPlay
controlsList='nodownload'
ref={ref}
/>
)
}
case 'image': {
return (
<CardMedia
component='img'
src={mediaUrl}
alt='Contenido diario'
sx={{ height: 250 }}
/>
)
}
case 'document': {
return (
<a href={mediaUrl} target='_blank' rel='noreferrer'>
<img className='pdf' src='/images/extension/pdf.png' alt='pdf' />
</a>
)
}
case 'audio': {
return <audio controls src={mediaUrl} ref={ref} />
}
default: {
return <Typography>Sin contenido que mostrar</Typography>
}
}
})