Fireworks Background

"use client"

import { useTheme } from "next-themes"

import { FireworksBackground } from "@/components/animate-ui/backgrounds/fireworks"

export default function FireworksBackgroundDemo({
  population = 1,
}: {
  population?: number
}) {
  const { resolvedTheme } = useTheme()

  return (
    <FireworksBackground
      className="absolute inset-0"
      color={resolvedTheme === "dark" ? "white" : "black"}
      population={population}
    />
  )
}

"use client"

import { useTheme } from "next-themes"

import { FireworksBackground } from "@/components/animate-ui/backgrounds/fireworks"

export default function FireworksCircleBackgroundDemo({
  population = 1,
  fireworkSize = 7,
  fireworkSpeed = 7,
  particleSize = 7,
  particleSpeed = 7,
}: {
  population?: number
  fireworkSize?: number
  fireworkSpeed?: number
  particleSize?: number
  particleSpeed?: number
}) {
  const { resolvedTheme } = useTheme()

  return (
    <FireworksBackground
      className="absolute inset-0"
      color={resolvedTheme === "dark" ? "white" : "black"}
      population={population}
      fireworkSize={fireworkSize}
      fireworkSpeed={fireworkSpeed}
      particleSize={particleSize}
      particleSpeed={particleSpeed}
    />
  )
}