UseConfirm

1'use client';
2 
3import { useCallback, useState } from 'react';
4 
5export type ConfirmationStatus =
6  | 'idle'
7  | 'confirming'
8  | 'confirmed'
9  | 'cancelled';
10 
11interface UseConfirmReturn {
12  status: ConfirmationStatus;
13  confirm: () => void;
14  cancel: () => void;
15  reset: () => void;
16}
17 
18export function useConfirm(): UseConfirmReturn {
19  const [status, setStatus] = useState<ConfirmationStatus>('idle');
20 
21  const confirm = useCallback(() => {
22    setStatus('confirmed');
23  }, []);
24 
25  const cancel = useCallback(() => {
26    setStatus('cancelled');
27  }, []);
28 
29  const reset = useCallback(() => {
30    setStatus('idle');
31  }, []);
32 
33  return {
34    status,
35    confirm,
36    cancel,
37    reset,
38  };
39}