Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Button } from '@mui/material';

import { useSlide } from '@microlearning/hooks';

import { Spinner } from '@shared/components';
import { SlideCard } from './slide-card';

export function SlideForm({ uuid = '', autoPlay = false }) {
  const { slide, loading: slideLoading, markSlideCompleted } = useSlide(uuid);

  if (slideLoading || !slide) {
    return <Spinner />;
  }

  return (
    <>
      <SlideCard
        completed={slide.completed}
        slide={slide}
        autoPlay={autoPlay}
        onComplete={() => markSlideCompleted(slide.uuid)}
      />

      {slide.type !== 'quiz' && (
        <Button
          color='primary'
          disabled={slide.completed}
          onClick={() => markSlideCompleted(slide.uuid)}
          sx={{ mt: 2 }}
        >
          Marcar como completado
        </Button>
      )}
    </>
  );
}