Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | 42x 2x 21x | import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
DialogDescription,
DialogFooter,
} from '@/components/ui/dialog'
import { Button } from '@/components/ui/button'
interface ConfirmDialogProps {
open: boolean
title: string
message: string
confirmLabel?: string
confirmDisabled?: boolean
onConfirm: () => void
onCancel: () => void
}
export function ConfirmDialog({
open,
title,
message,
confirmLabel = 'Delete',
confirmDisabled = false,
onConfirm,
onCancel,
}: ConfirmDialogProps) {
return (
<Dialog open={open} onOpenChange={(open) => !open && onCancel()}>
<DialogContent>
<DialogHeader className="mb-3">
<DialogTitle className="text-lg font-semibold">{title}</DialogTitle>
<DialogDescription className="text-sm text-muted-foreground">{message}</DialogDescription>
</DialogHeader>
<DialogFooter className="flex justify-end gap-2">
<Button variant="outline" onClick={onCancel}>
Cancel
</Button>
<Button variant="destructive" onClick={onConfirm} disabled={confirmDisabled}>
{confirmLabel}
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
)
}
|