Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3481 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3719 stevensc 1 
import React from 'react';
2 
 
3 
import { ErrorIcon } from '@app/components/UI/Icons';
4 
import Widget from '@app/components/UI/Widget';
5 
import Button from '@app/components/UI/buttons/Buttons';
6 
 
7 
function QuizFailureFeedback({ onConfirm }) {
8 
  return (
9 
    <Widget>
10 
      <Widget.Body
11 
        styles={{
12 
          display: 'flex',
13 
          flexDirection: 'column',
14 
          alignItems: 'center',
15 
          justifyContent: 'center',
16 
          textAlign: 'center',
17 
          gap: '1rem',
18 
          '& h3': {
19 
            maxWidth: '50ch'
20 
          }
21 
        }}
22 
      >
23 
        <h3>
24 
          Por favor vuelve a intentarlo. Te sugerimos revisar nuevamente el contenido de la cápsula.
25 
        </h3>
26 
        <ErrorIcon width={100} height={100} />
27 
        <Button color='primary' onClick={onConfirm}>
28 
          Salir
29 
        </Button>
30 
      </Widget.Body>
31 
    </Widget>
32 
  );
33 
}
34 
 
35 
export default QuizFailureFeedback;