How to use the @crave/farmblocks-theme.fontSizes.MEDIUM function in @crave/farmblocks-theme

type: PropTypes.string,
  leftIcon: PropTypes.node,
  rightIcon: PropTypes.node,
  external: PropTypes.bool,
  size: PropTypes.number,
  lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
  onClick: PropTypes.func,
  disabled: PropTypes.bool,
  fontWeight: PropTypes.string,
  className: PropTypes.string,
  // ... and all properties of html <a>
};

Link.defaultProps = {
  type: linkTypes.FEATURED,
  size: fontSizes.MEDIUM,
  lineHeight: 1,
  disabled: false,
  external: false,
  fontWeight: fontWeights.SEMIBOLD,
};

export default Link;
</a>

    margin-bottom: ${props => props.size === fontSizes.MEDIUM && "8px"};
  }

const labelProps = {
      className,
      checked,
      disabled,
    };

    const fontColor = (disabled && fontTypes.SUBTLE) || fontTypes.NORMAL;

    return (
      <label>
        <input type="radio">
        <div>
          <div>
        </div>
        {label &amp;&amp; (
          
        )}
      
    );
  }
}</div></label>

const fontColor = inputProps.disabled
        ? fontTypes.SUBTLE
        : fontTypes.NORMAL;

      return (
        
          <input type="checkbox">
          <div>
            
            {label &amp;&amp; (
              
            )}
          </div>
        
      );
    }
  };

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

export default {
  [fontSizes.LARGE]: 1.33,
  [fontSizes.MEDIUM]: 1.5,
  [fontSizes.SMALL]: 1.71,
};

      margin-bottom: ${props => props.size === fontSizes.MEDIUM && '8px'};
    }

import InputText from "@crave/farmblocks-input-text";
import { fontSizes } from "@crave/farmblocks-theme";
import { TooltipContent, POSITIONS } from "@crave/farmblocks-tooltip";
import { MdAdd, MdMinus } from "@crave/farmblocks-icon";

import selectorSizes from "../constants/selectorSizes";
import Wrapper from "../styledComponents/AmountSelector";

const selectorSizeToButtonSize = {
  [selectorSizes.SMALL]: buttonSizes.SMALL,
  [selectorSizes.MEDIUM]: buttonSizes.MEDIUM,
};

const selectorSizeToFontSize = {
  [selectorSizes.SMALL]: fontSizes.SMALL,
  [selectorSizes.MEDIUM]: fontSizes.MEDIUM,
};

const selectorSizeToIconSize = {
  [selectorSizes.SMALL]: 24,
  [selectorSizes.MEDIUM]: 32,
};

class AmountSelectors extends React.Component {
  constructor(props) {
    super(props);

    const { value } = this.props;
    const parsedValue = parseFloat(value) || 0;
    const displayValue = parsedValue.toFixed(2);

    this.state = {

.add("MEDIUM size", () => (
    <div style="{{">
      
    </div>
  ))
  .add("SMALL size", () =&gt; (

{this.state.messages.map(text => (
              
                <img size="{badgeSizes.SMALL}" src="{errorIconSrc}">
                
              
            ))}