import { Tooltip } from '@mui/material';
import { formatDeletionHint } from '../../utils/formatDeletionHint';
import { Chip } from '../styles/StyledChip';

const chipSx = { background: '#fde8e8', color: '#b42318', whiteSpace: 'nowrap', width: 'max-content', cursor: 'default' };

export const DeletionMarkChip = ({ task, usersById, sx = {} }) => (
	<Tooltip title={formatDeletionHint(task, usersById)} arrow>
		<Chip sx={[chipSx, ...(Array.isArray(sx) ? sx : [sx])]}>На удаление</Chip>
	</Tooltip>
);