src/components/GlassFilters.tsx

import { GLASS_EFFECTS } from "../constants";

export default function GlassFilters() {
  return (
    <svg style={{ display: "none" }} aria-hidden="true">
      <filter id="glass-distortion">
        <feTurbulence
          type="turbulence"
          baseFrequency={GLASS_EFFECTS.BASE_FREQUENCY}
          numOctaves={GLASS_EFFECTS.NUM_OCTAVES}
          result="noise"
        />
        <feDisplacementMap in="SourceGraphic" in2="noise" scale={GLASS_EFFECTS.SCALE} />
      </filter>
    </svg>
  );
}