Particles Demo

import {
  Particles,
  ParticlesEffect,
  type ParticlesEffectProps,
} from '@/components/animate-ui/primitives/effects/particles';
import { useState } from 'react';

export function ParticlesDemo(props: ParticlesEffectProps) {
  const [key, setKey] = useState(0);

  return (
    <Particles key={key}>
      <button
        className="px-4 py-2 bg-accent"
        onClick={() => setKey((k) => k + 1)}
      >
        Particles
      </button>
      <ParticlesEffect className="bg-primary size-1 rounded-full" {...props} />
    </Particles>
  );
}