interface GridOverlayProps {
  className?: string;
  size?: number;
  opacity?: number;
}

export function GridOverlay({ className = "", size = 20, opacity = 0.12 }: GridOverlayProps) {
  return (
    <div
      aria-hidden
      className={`pointer-events-none absolute inset-0 ${className}`}
      style={{
        backgroundImage: `radial-gradient(rgba(129, 236, 255, ${opacity}) 1px, transparent 1px)`,
        backgroundSize: `${size}px ${size}px`,
      }}
    />
  );
}
