Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

function CapsuleSuccessFeedback({ onConfirm, text }) {
  return (
    <Widget>
      <Widget.Body
        styles={{
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          justifyContent: 'center',
          textAlign: 'center',
          gap: '1rem',
          '& h3': {
            maxWidth: '50ch'
          }
        }}
      >
        <h3>{text}</h3>
        <CapsuleSuccessIcon />
        <Button color='primary' onClick={onConfirm}>
          Salir
        </Button>
      </Widget.Body>
    </Widget>
  )
}

export default CapsuleSuccessFeedback