How to use the @crave/farmblocks-theme.fontTypes.NEUTRAL function in @crave/farmblocks-theme

const MoreInfo = ({ children, text, tooltipProps, trigger, ...props }) => {
  const [tooltipVisible, setTooltipVisible] = useState(false);

  return (
    
      
    
  );
};

size={badgeSizes.MEDIUM}
          className="image"
        />
      )}

      <div>
        

        {renderLink &amp;&amp; (
          
            {props.linkText}
          
        )}
      </div>
    
  );
};

.add("NEUTRAL type", () => (
    <div style="{{">
      
    </div>
  ))
  .add("POSITIVE type", () =&gt; (

withInfo()(() => (
      
        {text}
      
    ))
  )

import linkTypes from "./linkTypes";
import { colors as colorConstants, fontTypes } from "@crave/farmblocks-theme";

export default {
  [linkTypes.PRIMARY]: {
    color: fontTypes.FEATURED,
    hoverColor: colorConstants.BLUE_CORN
  },
  [linkTypes.DISABLED]: {
    color: fontTypes.SUBTLE,
    hoverColor: fontTypes.SUBTLE
  },
  [linkTypes.NEUTRAL]: {
    color: fontTypes.NEUTRAL,
    hoverColor: fontTypes.FEATURED
  },
  [linkTypes.ROW_TITLE]: {
    color: fontTypes.NORMAL,
    hoverColor: colorConstants.BLUE_CORN
  },  
  [linkTypes.WHITE]: {
    color: fontTypes.WHITE,
    hoverColor: colorConstants.WHITE_56
  }
};

  .add("NEUTRAL type", () => )
  .add("POSITIVE type", () => (

import { fontTypes } from "@crave/farmblocks-theme";

export default {
  FEATURED: fontTypes.FEATURED,
  NEUTRAL: fontTypes.NEUTRAL,
  NORMAL: fontTypes.NORMAL,
  WHITE: fontTypes.WHITE,
};

    withInfo()(() =&gt; <title type="{fontTypes.NEUTRAL}">Awesome title</title>)
  )

.add("NEUTRAL type", () => (
    
  ))
  .add("POSITIVE type", () => (