ConfirmDialog

// 1. Add the provider at app root (once)
import { ConfirmDialogProvider } from '@dashforge/ui';

function App() {
  return (
    <ConfirmDialogProvider>
      <Router />
    </ConfirmDialogProvider>
  );
}

// 2. Call useConfirm() in any component
import { useConfirm } from '@dashforge/ui';

function DeleteButton({ id }: { id: string }) {
  const confirm = useConfirm();

  const handleDelete = async () => {
    const result = await confirm({
      title: 'Delete item?',
      description: 'This action cannot be undone.',
      confirmText: 'Delete',
      cancelText: 'Cancel',
    });

    if (result.status === 'confirmed') {
      await deleteItem(id);
    }
  };

  return (
    <Button color="error" onClick={handleDelete}>Delete</Button>
  );
}