docs/components/clients/Filters.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

import React from "react";

export const Filters: React.FC<{}> = () => (
  <>
    <svg width={0} height={0}>
      <defs>
        <filter id="high-threshold">
          <feColorMatrix type="saturate" values="0" />
          <feComponentTransfer>
            <feFuncR type="discrete" tableValues="0" />
            <feFuncG type="discrete" tableValues="0" />
            <feFuncB type="discrete" tableValues="0" />
          </feComponentTransfer>
        </filter>
      </defs>
    </svg>
    <svg width={0} height={0}>
      <defs>
        <filter id="medium-threshold">
          <feColorMatrix type="saturate" values="0" />
          <feComponentTransfer>
            <feFuncR type="discrete" tableValues="0 1" />
            <feFuncG type="discrete" tableValues="0 1" />
            <feFuncB type="discrete" tableValues="0 1" />
          </feComponentTransfer>
        </filter>
      </defs>
    </svg>
    <svg width={0} height={0}>
      <defs>
        <filter id="low-threshold">
          <feColorMatrix type="saturate" values="0" />
          <feComponentTransfer>
            <feFuncR type="discrete" tableValues="0 0 0 0 1" />
            <feFuncG type="discrete" tableValues="0 0 0 0 1" />
            <feFuncB type="discrete" tableValues="0 0 0 0 1" />
          </feComponentTransfer>
        </filter>
      </defs>
    </svg>
  </>
);