Confetti

import { ConfettiProvider, useConfetti } from '@baneung-pack/effect';

// 1. 앱 루트에 Provider
<ConfettiProvider>{children}</ConfettiProvider>

// 2. 컴포넌트에서 호출
function CheckoutButton() {
  const confetti = useConfetti();
  return (
    <button onClick={async () => {
      await checkout();
      confetti.fire({ particleCount: 200 });
    }}>결제</button>
  );
}

// 버튼에서 발사
const ref = useRef<HTMLButtonElement>(null);
confetti.fire({ origin: ref.current });

// 양쪽에서
confetti.fire({ origin: { ratioX: 0.1, ratioY: 0.5 }, angle: 60 });
confetti.fire({ origin: { ratioX: 0.9, ratioY: 0.5 }, angle: 120 });