Rev 2142 | Rev 2917 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
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 !important' }}
>
{message}
</Typography>
</Link>
<Typography variant='body2'>{time_elapsed}</Typography>
</Box>
<IconButton onClick={() => onDelete(link_delete)}>
<DeleteOutline />
</IconButton>
</Box>
)
}
export default NotificationOption