Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Typography } from '@mui/material';
import CheckCircle from '@mui/icons-material/CheckCircle';

import { parse } from '@shared/utils';
import { CardMedia } from '@shared/components';
import { SlideQuiz } from './slide-quiz';

export function SlideCard({
  slide: { type, file, description, name, quiz_data, link_take_a_test },
  completed,
  autoPlay = false,
  onComplete
}) {
  return (
    <>
      {!!completed && (
        <CheckCircle sx={{ position: 'absolute', top: '1rem', right: '1rem' }} color='success' />
      )}
      {type === 'quiz' && (
        <SlideQuiz
          quiz={quiz_data ? quiz_data[0] : {}}
          startUrl={link_take_a_test}
          slide={{ type, file, description, name, quiz_data, link_take_a_test }}
          onSync={onComplete}
          completed={completed}
        />
      )}
      {type === 'text' && <Typography>{parse(description)}</Typography>}
      {type === 'image' && (
        <CardMedia
          styles={{ width: '100%', height: '100%', objectFit: 'contain' }}
          src={file}
          alt={name}
          type='image'
        />
      )}
      {type === 'video' && (
        <CardMedia
          styles={{ width: '100%', height: '100%', objectFit: 'contain' }}
          src={file}
          alt={name}
          type='video'
          autoPlay={autoPlay}
          controls
          controlsList='nodownload'
          onEnded={onComplete}
        />
      )}
      {/*  {type === 'audio' && <CardMedia src={file} alt={name} type='audio' />}
        {type === 'document' && <CardMedia src={file} alt={name} type='document' />} */}
    </>
  );
}