src/components/rules/TextFilter.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import * as React from 'react';
import { useTextInut } from 'src/hooks/useTextInput';
import { ruleFilterText } from 'src/store/rules';

import shared from '../shared.module.css';

export function TextFilter() {
  const [onChange, text] = useTextInut(ruleFilterText);
  return (
    <input
      className={shared.input}
      type="text"
      value={text}
      onChange={onChange}
      placeholder="Filter"
    />
  );
}