"use client"

import { MeshGradient } from "@paper-design/shaders-react"

import { cn } from "@/lib/utils"

export default function BackgroundPaperShadersWrapper({ className }: { className?: string }) {
  const speed = 1.0

  return (
    <div className={cn("relative h-full w-full overflow-hidden bg-black", className)}>
      <MeshGradient
        className="absolute inset-0 h-full w-full"
        colors={["#000000", "#1a1a1a", "#333333", "#ffffff"]}
        speed={speed * 0.5}
      />
    </div>
  )
}