code: function Label(props) {
    const { getLabelProps } = useFieldContext();
    const checkboxCtx = useCheckboxContext();
    const radioCtx = useRadioContext();
    const toggleCtx = useToggleContext();
  
    let LabelComponent = StyledTextLabel;
    const sharedProps = {
      'data-garden-version': PACKAGE_VERSION
    };
  
    if (checkboxCtx) {
      LabelComponent = StyledCheckLabel;
      sharedProps['data-garden-id'] = 'forms.checkbox_label';
      sharedProps.focused = checkboxCtx.isFocused;
    } else if (radioCtx) {
      LabelComponent = StyledRadioLabel;
      sharedProps['data-garden-id'] = 'forms.radio_label';
      sharedProps.focused = radioCtx.isFocused;
    } else if (toggleCtx) {
      LabelComponent = StyledToggleLabel;
      sharedProps['data-garden-id'] = 'forms.toggle_label';
      sharedProps.focused = toggleCtx.isFocused;
    } else {
      sharedProps['data-garden-id'] = 'forms.text_label';
    }
  
    return React.createElement(
      LabelComponent,
      getLabelProps({
        ...sharedProps,
        ...props
      })
    );
  }
docs: Accepts all `<label>` props.