Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3481 | Rev 3525 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3481 Rev 3520
Línea 1... Línea 1...
1
import React from 'react'
1
import React from 'react';
-
 
2
import { Button, Typography } from '@mui/material';
-
 
3
import { CheckCircle } from '@mui/icons-material';
Línea 2... Línea -...
2
 
-
 
3
import Widget from '@app/components/UI/Widget'
4
 
4
import { CapsuleSuccessIcon } from '@app/components/UI/Icons'
-
 
Línea 5... Línea 5...
5
import Button from '@app/components/UI/buttons/Buttons'
5
import { Card, CardContent } from '@shared/components';
6
 
6
 
7
function CapsuleSuccessFeedback({ onConfirm, text }) {
7
export function CapsuleSuccessFeedback({ onConfirm, text }) {
8
  return (
8
  return (
9
    <Widget>
-
 
10
      <Widget.Body
-
 
11
        styles={{
-
 
12
          display: 'flex',
-
 
13
          flexDirection: 'column',
9
    <Card>
14
          alignItems: 'center',
-
 
15
          justifyContent: 'center',
-
 
16
          textAlign: 'center',
-
 
17
          gap: '1rem',
-
 
18
          '& h3': {
-
 
19
            maxWidth: '50ch'
-
 
20
          }
10
      <CardContent>
21
        }}
-
 
22
      >
11
        <Typography variant='h3'>{text}</Typography>
-
 
12
 
23
        <h3>{text}</h3>
13
        <CheckCircle color='success' />
24
        <CapsuleSuccessIcon />
14
 
25
        <Button color='primary' onClick={onConfirm}>
15
        <Button color='primary' onClick={onConfirm}>
26
          Salir
16
          Salir
27
        </Button>
17
        </Button>
28
      </Widget.Body>
18
      </CardContent>
29
    </Widget>
19
    </Card>
30
  )
-
 
31
}
-