ConfirmButton

import { ConfirmButton } from "@/components/ui";

1<div className="flex gap-2">
2  <ConfirmButton
3    mode="dialog"
4    onConfirm={handleDelete}
5    title="Delete"
6    message="This action cannot be undone."
7  >
8    Dialog Mode
9  </ConfirmButton>
10  <ConfirmButton
11    mode="popover"
12    onConfirm={handleDelete}
13    message="Delete this item?"
14  >
15    Popover Mode
16  </ConfirmButton>
17  <ConfirmButton
18    mode="double-click"
19    onConfirm={handleDelete}
20  >
21    Double Click
22  </ConfirmButton>
23</div>

1<ConfirmButton
2  variant="destructive"
3  onConfirm={handleDelete}
4  title="Delete Account"
5  message="This will permanently delete your account and all associated data."
6  confirmText="Yes, delete my account"
7  cancelText="Keep my account"
8>
9  Delete Account
10</ConfirmButton>