code: function FauxInput({ onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }) {
    const [isHovered, setIsHovered] = useState(false);
    const [isFocused, setIsFocused] = useState(false);
  
    const onMouseEnterHandler = composeEventHandlers(onMouseEnter, () => {
      setIsHovered(true);
    });
  
    const onMouseLeaveHandler = composeEventHandlers(onMouseLeave, () => {
      setIsHovered(false);
    });
  
    const onFocusHandler = composeEventHandlers(onFocus, () => {
      setIsFocused(true);
    });
  
    const onBlurHandler = composeEventHandlers(onBlur, () => {
      setIsFocused(false);
    });
  
    return (
      <StyledTextFauxInput
        data-garden-id="forms.faux_input"
        data-garden-version={PACKAGE_VERSION}
        onMouseEnter={onMouseEnterHandler}
        onMouseLeave={onMouseLeaveHandler}
        onFocus={onFocusHandler}
        onBlur={onBlurHandler}
        hovered={isHovered}
        focused={isFocused}
        {...props}
      />
    );
  }
docs: Provides input styling for use in non-input scenarios.
  Accepts all `<div>` props.