Files
accounting-frontend/src/components/ui/ConfirmDialog.tsx
2026-07-01 00:29:25 +03:30

43 lines
849 B
TypeScript

import { Modal } from './Modal'
import { Button } from './primitives'
interface ConfirmDialogProps {
open: boolean
title: string
message: string
confirmLabel?: string
cancelLabel?: string
onConfirm: () => void
onCancel: () => void
}
export function ConfirmDialog({
open,
title,
message,
confirmLabel = 'حذف',
cancelLabel = 'انصراف',
onConfirm,
onCancel,
}: ConfirmDialogProps) {
return (
<Modal
open={open}
title={title}
onClose={onCancel}
footer={
<>
<Button variant="secondary" onClick={onCancel}>
{cancelLabel}
</Button>
<Button variant="danger" onClick={onConfirm}>
{confirmLabel}
</Button>
</>
}
>
<p className="text-sm leading-7 text-slate-600">{message}</p>
</Modal>
)
}