Rev 3386 | 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>;
}
}
});