Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3481 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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