Function FocusRing

packages/react-aria/src/focus/FocusRing.tsx:44–61

(
  props: FocusRingProps
)

 * not with a mouse, touch, or other input methods.
 */
export function FocusRing(
  props: FocusRingProps
): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> {
  let {children, focusClass, focusRingClass} = props;
  let {isFocused, isFocusVisible, focusProps} = useFocusRing(props);
  let child = React.Children.only(children);

  return React.cloneElement(
    child,
    mergeProps(child.props as any, {
      ...focusProps,
      className: clsx({
        [focusClass || '']: isFocused,
        [focusRingClass || '']: isFocusVisible
      })
    })
  );
}