\r\n
\r\n
{\r\n e.persist()\r\n setIsFocus(false)\r\n const debounceOnBlur = getDebouncedOnBlur(e)\r\n debounceOnBlur()\r\n }}\r\n onFocus={(e) => {\r\n e.persist()\r\n setIsFocus(true)\r\n const debounceOnFocus = getDebouncedOnFocus(e)\r\n debounceOnFocus()\r\n }}\r\n onChange={(e) => {\r\n e.persist()\r\n const debounceOnChange = getDebouncedOnChange(e)\r\n debounceOnChange()\r\n }}\r\n />\r\n {error && (\r\n
\r\n {error}\r\n
\r\n )}\r\n {hint && isFocus &&
{hint}
}\r\n {warning &&
{warning}
}\r\n
\r\n )\r\n}\r\n","// extracted by mini-css-extract-plugin\nexport default {\"input\":\"input-module__input\",\"error\":\"input-module__error\",\"warning\":\"input-module__warning\",\"valid\":\"input-module__valid\"};","import React, { FunctionComponent, useState, useEffect, InputHTMLAttributes } from 'react'\r\nimport classNames from 'classnames'\r\n\r\n// Import Local Styles\r\nimport styles from './input.module.css'\r\n\r\nexport interface GenericInputProps extends InputHTMLAttributes