28 lines
782 B
TypeScript
28 lines
782 B
TypeScript
import React from 'react';
|
|
import './ConfirmDialog.css';
|
|
|
|
interface ConfirmDialogProps {
|
|
isOpen: boolean;
|
|
title: string;
|
|
message: string;
|
|
onConfirm: () => void;
|
|
onCancel: () => void;
|
|
}
|
|
|
|
export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({ isOpen, title, message, onConfirm, onCancel }) => {
|
|
if (!isOpen) return null;
|
|
|
|
return (
|
|
<div className="dialog-overlay">
|
|
<div className="dialog-panel panel">
|
|
<h3 className="dialog-title">{title}</h3>
|
|
<p className="dialog-message">{message}</p>
|
|
<div className="dialog-actions">
|
|
<button className="btn-cancel" onClick={onCancel}>Abbrechen</button>
|
|
<button className="btn-confirm" onClick={onConfirm}>Bestätigen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|