Input

import { Input } from '@gympass/yoga';

render(() => {
  const [value, setValue] = useState('');

  return (
    <Input
      label="Find an activity"
      helper="Helper text"
      maxLength={20}
      value={value}
      onChange={e => setValue(e.target.value)}
      onClean={cleaned => setValue(cleaned)}
    />
  );
});
render(() => {
  const [value, setValue] = useState('');

  return (
    <Input
      label="Find an activity"
      helper="Helper text"
      maxLength={20}
      value={value}
      onChange={e => setValue(e.target.value)}
      onClean={cleaned => setValue(cleaned)}
    />
  );
});