code: function Hint(props) {
    const { getHintProps } = useFieldContext();
    const checkboxCtx = useCheckboxContext();
    const radioCtx = useRadioContext();
    const toggleCtx = useToggleContext();
  
    let HintComponent = StyledTextHint;
    const commonProps = {
      'data-garden-version': PACKAGE_VERSION
    };
  
    if (checkboxCtx) {
      HintComponent = StyledCheckHint;
      commonProps['data-garden-id'] = 'forms.checkbox_hint';
    } else if (radioCtx) {
      HintComponent = StyledRadioHint;
      commonProps['data-garden-id'] = 'forms.radio_hint';
    } else if (toggleCtx) {
      HintComponent = StyledToggleHint;
      commonProps['data-garden-id'] = 'forms.toggle_hint';
    } else {
      commonProps['data-garden-id'] = 'forms.text_hint';
    }
  
    return React.createElement(
      HintComponent,
      getHintProps({
        ...commonProps,
        ...props
      })
    );
  }
docs: Accepts all `<div>` props.