Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Link } from 'react-router-dom'
import { Box, IconButton, Typography } from '@mui/material'
import { DeleteOutline } from '@mui/icons-material'

function NotificationOption({
  link_delete,
  link,
  message,
  time_elapsed,
  onDelete
}) {
  return (
    <Box
      sx={{
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'space-between',
        gap: 2
      }}
    >
      <Box sx={{ display: 'inline-flex', flexDirection: 'column', mb: 1 }}>
        <Link to={link}>
          <Typography
            variant='body1'
            sx={{ textDecoration: 'underline', mb: 0 }}
          >
            {message}
          </Typography>
        </Link>
        <Typography variant='body2'>{time_elapsed}</Typography>
      </Box>

      <IconButton onClick={() => onDelete(link_delete)}>
        <DeleteOutline />
      </IconButton>
    </Box>
  )
}

export default NotificationOption