import type {
  ReactElement,
} from 'react';

import type { SubmittableInputProps } from './types';
import { useSubmittable } from './use-submittable';


export const SubmittableInput = (props: SubmittableInputProps): ReactElement<HTMLInputElement> => {
  // // autoFocus
  // useEffect(() => {
  //   if (inputRef?.current == null) {
  //     return;
  //   }
  //   inputRef.current.focus();
  // });

  const submittableProps = useSubmittable(props);

  return (
    <input {...submittableProps} />
  );
};