export const simpleglitchfilter = `
<filter id="simpleglitchfilter" x="0" y="0" width="1" height="1" color-interpolation-filters="sRGB" preserveAspectRatio="none">
    <feFlood width="100%" height="100%" flood-color="rgb(128, 0, 128)" result="BASE-COLOR" />
    <feFlood width="100%" height="1000" y="0" flood-color="rgb(255, 0, 128)" result="X-TRANSFORM">
        <animate attributeName="y" values="0px; 8000px; 3000px; 6000px; 2000px; 7000px; 0px;" dur="3.5s" repeatCount="indefinite" begin="0" />
        <animate attributeName="height" values="100px; 500px; 150px; 600px; 100px; 40px;" dur="7s" repeatCount="indefinite" begin="0" />
    </feFlood>
    <feMerge result="MERGE">
        <feMergeNode in="BASE-COLOR" />
        <feMergeNode in="X-TRANSFORM" />
    </feMerge>
    <feDisplacementMap in="SourceGraphic" in2="MERGE" scale="120" xChannelSelector="R" yChannelSelector="B">
        <animate attributeName="scale" values="-100; 150; 0; 100; 140; 70; -130; -40; 160; -160; 170; -120" dur="6s" repeatCount="indefinite" begin="0" />
    </feDisplacementMap>
</filter>
`;
