Like Burst

"use client";

import { LikeBurst } from "@/components/ui/like-burst";
import type { LikeBurstHandle } from "@/components/ui/like-burst";
import { useEffect, useRef, useState } from "react";

export default function LikeBurstDemo() {
  const ref = useRef<LikeBurstHandle>(null);
  const [liked, setLiked] = useState(false);

  useEffect(() => {
    if (!liked) return;
    const back = setTimeout(() => ref.current?.toggle(), 1500);
    return () => clearTimeout(back);
  }, [liked]);

  return (
    <div className="flex justify-center">
      <LikeBurst ref={ref} initialCount={128} onToggle={setLiked} />
    </div>
  );
}