import { useRef } from "react";

export default function useFocus<T extends HTMLElement = HTMLElement>() {
  const ref = useRef<T>(null);
  const setFocus = () => {
    ref?.current?.focus?.();
  };
  const removeFocus = () => {
    ref?.current?.blur?.();
  };

  return [ref, setFocus, removeFocus] as const;
}