Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { ReviewIcon } from '@app/components/UI/Icons';
import Widget from '@app/components/UI/Widget';
import Button from '@app/components/UI/buttons/Buttons';

function SlideSuccessFeedback({ onConfirm }) {
  return (
    <Widget>
      <Widget.Body
        styles={{
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          justifyContent: 'center',
          textAlign: 'center',
          gap: '1rem',
          '& h3': {
            maxWidth: '50ch'
          }
        }}
      >
        <h3>Felicitaciones, usted ha contestado satisfactoriamente este cuestionario.</h3>
        <ReviewIcon />

        <Button color='primary' onClick={onConfirm}>
          Salir
        </Button>
      </Widget.Body>
    </Widget>
  );
}

export default SlideSuccessFeedback;