import { forwardRef, memo } from "react";

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

BackgroundCanvas.displayName = "BackgroundCanvas";