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

value: PropTypes.any, // eslint-disable-line
  className: PropTypes.string,
};

MapBalloon.defaultProps = {
  align: alignments.LEFT,
  open: false,
  x: 0,
  y: 0,
  animated: false,
  borderRadius: "8px",
  pinColor: colors.CORN,
  opacity: 1,
  pinSize: 40,
  balloonSize: 260,
  captionSize: fontSizes.LARGE,
  imageTextSize: 28,
};

export default MapBalloon;

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

import sizes from "../constants/sizes";
export default {
  [sizes.MEDIUM]: {
    balloonSize: 320,
    pinSize: 18,
    captionSize: fontSizes.HUGE,
    imageTextSize: 36
  },
  [sizes.SMALL]: {
    balloonSize: 260,
    pinSize: 16,
    captionSize: fontSizes.LARGE,
    imageTextSize: 28
  }
};

export default class Caption extends React.Component {
  render() {
    const { children, ...props } = this.props;
    return {children};
  }

  static propTypes = {
    children: PropTypes.node.isRequired,
    size: PropTypes.oneOf(Object.values(fontSizes)),
    type: PropTypes.oneOf(Object.values(fontTypes)),
    align: PropTypes.oneOf(["left", "right"])
  };

  static defaultProps = {
    size: fontSizes.LARGE,
    type: fontTypes.NORMAL,
    align: "left"
  };
}

    withInfo()(() =&gt; <title size="{fontSizes.LARGE}">Awesome title</title>)
  )

render() {
    return (
      
        {this.props.children}
      
    );
  }

  static propTypes = {
    children: PropTypes.node.isRequired,
    size: PropTypes.oneOf(Object.values(fontSizes)),
    type: PropTypes.oneOf(Object.values(fontTypes))
  };

  static defaultProps = {
    size: fontSizes.LARGE,
    type: fontTypes.NORMAL
  };
}

  .add("LARGE size", () => )
  .add("X_LARGE size", () => )

.add("with left icon, white color", () => (
    <div style="{{">
      }
        type={linkTypes.WHITE}
        lineHeight={1.33}
        size={fontSizes.LARGE}
      &gt;
        Awesome Link
      
    </div>
  ))
  .add("with left icon, mini size, white color", () =&gt; (

.add("LARGE size", () => (
    
  ))
  .add("X_LARGE size", () => (

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

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

);

Text.propTypes = {
  children: PropTypes.node,
  size: PropTypes.number,
  type: PropTypes.string,
  align: PropTypes.oneOf(["left", "center", "right", "justify"]),
  lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
  paragraph: PropTypes.bool,
  title: PropTypes.bool,
  letterSpacing: PropTypes.string,
  light: PropTypes.bool,
};

Text.defaultProps = {
  size: fontSizes.LARGE,
  type: fontTypes.NORMAL,
  align: "left",
  paragraph: false,
  title: false,
};

export default Text;