Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

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

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

export function SlideForm({ uuid = '', autoPlay = false }) {
  const { slide, loading, completeLoading, completeSlide } = useSlide(uuid);

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

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

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