rsuite
Version:
A suite of react components
21 lines • 500 B
JavaScript
'use client';
import { useState, useCallback } from 'react';
export function useIsFocused({
onFocus: onFocusProp,
onBlur: onBlurProp
}) {
const [isFocused, setIsFocused] = useState(false);
const onFocus = useCallback(event => {
setIsFocused(true);
onFocusProp?.(event);
}, [onFocusProp]);
const onBlur = useCallback(event => {
setIsFocused(false);
onBlurProp?.(event);
}, [onBlurProp]);
return [isFocused, {
onFocus,
onBlur
}];
}
export default useIsFocused;