import { forwardRef } from "react";

interface BackgroundCanvasProps {}

export const BackgroundCanvas = forwardRef<
  HTMLCanvasElement,
  BackgroundCanvasProps
>((props, ref) => {
  return (
    <canvas
      ref={ref}
      className="fixed inset-0 w-full h-full -z-10 scale-110"
      style={{ filter: "blur(40px)" }}
    />
  );
});

BackgroundCanvas.displayName = "BackgroundCanvas";