Sparkles Field

import { Sparkles } from "@/components/ui/sparkles";

const settings = {
  count: 36,
  speed: 1,
  color: "#e5f4ff",
  maxSize: 2.8,
  enableGlow: true,
  opacity: 0.9,
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="h-screen w-screen bg-neutral-950">
      <Sparkles
        count={s.count}
        speed={s.speed}
        color={s.color}
        maxSize={s.maxSize}
        enableGlow={s.enableGlow}
        opacity={s.opacity}
        className="h-full w-full"
      />
    </div>
  );
}