Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import DeleteOutline from '@mui/icons-material/DeleteOutline';
import { IconButton } from '@mui/material';

import { Link } from 'react-router-dom';
import { Box, Typography } from '@mui/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 !important' }}>
            {message}
          </Typography>
        </Link>
        <Typography variant='overline'>{time_elapsed}</Typography>
      </Box>

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

export default NotificationOption;