22 lines
635 B
TypeScript
22 lines
635 B
TypeScript
import React from 'react';
|
||
|
||
function DefaultCard({ children: card, dragging, allowRemoveCard, onCardRemove }) {
|
||
return (
|
||
<div className={`react-kanban-card ${dragging ? 'react-kanban-card--dragging' : ''}`}>
|
||
<span>
|
||
<div className="react-kanban-card__title">
|
||
<span>{card.title}</span>
|
||
{allowRemoveCard && (
|
||
<span style={{ cursor: 'pointer' }} onClick={() => onCardRemove(card)}>
|
||
×
|
||
</span>
|
||
)}
|
||
</div>
|
||
</span>
|
||
<div className="react-kanban-card__description">{card.description}</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default DefaultCard;
|