confirmation-dialog

1import type * as React from 'react';
2import { Button } from '@/components/ui/button';
3import {
4  Dialog,
5  DialogContent,
6  DialogDescription,
7  DialogFooter,
8  DialogHeader,
9  DialogTitle,
10  DialogTrigger,
11} from '@/components/ui/dialog';
12 
13export interface ConfirmationDialogProps extends React.RefAttributes<HTMLDialogElement> {
14  trigger?: React.ReactNode;
15  title?: string;
16  description?: string;
17  labelConfirmButton?: string;
18  onConfirm?: () => void;
19}
20 
21export function ConfirmationDialog({
22  trigger,
23  title,
24  description,
25  labelConfirmButton,
26  onConfirm,
27  ...props
28}: ConfirmationDialogProps) {
29  return (
30    <Dialog {...props}>
31      <DialogTrigger asChild>{trigger}</DialogTrigger>
32      <DialogContent>
33        <DialogHeader>
34          <DialogTitle>{title}</DialogTitle>
35          <DialogDescription className='md:text-left'>{description}</DialogDescription>
36        </DialogHeader>
37        <DialogFooter>
38          <Button onClick={onConfirm}>{labelConfirmButton}</Button>
39        </DialogFooter>
40      </DialogContent>
41    </Dialog>
42  );
43}