1"use client";
2
3import confetti from "canvas-confetti";
4
5export default function Confetti() {
6  const fireConfetti = () => {
7    // Left cannon
8    confetti({
9      particleCount: 100,
10      spread: 70,
11      origin: { x: 0, y: 1 },
12      angle: 60,
13      startVelocity: 120,
14      gravity: 0.5,
15      ticks: 500,
16    });
17
18    // Right cannon
19    confetti({
20      particleCount: 100,
21      spread: 70,
22      origin: { x: 1, y: 1 },
23      angle: 120,
24      startVelocity: 120,
25      gravity: 0.5,
26      ticks: 500,
27    });
28  };
29
30  return (
31    <div className="min-h-screen flex items-center justify-center">
32      <button
33        onClick={fireConfetti}
34        className="px-6 py-3 bg-indigo-500 text-white rounded hover:bg-indigo-600 transition-colors"
35      >
36        Celebrate! 🎉
37      </button>
38    </div>
39  );
40}
41