code: function Message(props) {
    const checkboxCtx = useCheckboxContext();
    const radioCtx = useRadioContext();
    const toggleCtx = useToggleContext();
  
    let MessageComponent = StyledTextMessage;
    const sharedProps = {
      'data-garden-version': PACKAGE_VERSION
    };
  
    if (checkboxCtx) {
      MessageComponent = StyledCheckMessage;
      sharedProps['data-garden-id'] = 'forms.checkbox_message';
    } else if (radioCtx) {
      MessageComponent = StyledRadioMessage;
      sharedProps['data-garden-id'] = 'forms.radio_message';
    } else if (toggleCtx) {
      MessageComponent = StyledToggleMessage;
      sharedProps['data-garden-id'] = 'forms.toggle_message';
    } else {
      sharedProps['data-garden-id'] = 'forms.text_message';
    }
  
    return React.createElement(MessageComponent, {
      ...sharedProps,
      ...props
    });
  }
docs: Accepts all native `<div />` props