Sparkles

"use client";

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

const settings = {
  density: 800,
  speed: 1,
  opacitySpeed: 3,
  size: 1.2,
  opacity: 1,
  color: "#FFFFFF",
};

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