Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

function QuizFailureFeedback({ onConfirm }) {
  return (
    <Widget>
      <Widget.Body
        styles={{
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          justifyContent: 'center',
          textAlign: 'center',
          gap: '1rem',
          '& h3': {
            maxWidth: '50ch'
          }
        }}
      >
        <h3>
          Por favor vuelve a intentarlo. Te sugerimos revisar nuevamente el
          contenido de la cápsula.
        </h3>
        <ErrorIcon width={100} height={100} />
        <Button color='primary' onClick={onConfirm}>
          Salir
        </Button>
      </Widget.Body>
    </Widget>
  )
}

export default QuizFailureFeedback