How to use the @crave/farmblocks-button.buttonSizes.SMALL function in @crave/farmblocks-button

import * as React from "react";
import PropTypes from "prop-types";
import values from "object.values";
import { Transition } from "react-spring/renderprops.cjs";
import Button, { buttonTypes, buttonSizes } from "@crave/farmblocks-button";
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);

className
    } = this.props;
    const alert = (
      
        <p>{this.props.text}</p>

        {this.props.dismissable &amp;&amp; (
          <div>
            <button type="{buttonTypes.OFF_NEUTRAL}" size="{buttonSizes.SMALL}">
          </button></div>
        )}
      
    );
    if (!visibleTime) {
      return alert;
    }
    return (

customCell={(_row, { rowIndex }) => (
          
            
            
          
        )}
      />

slideItem && (
                  
                    
                      {(header || showCloseButton) && (
                        <section>
                          {header}
                          {showCloseButton &amp;&amp; (
                            <button size="{24}">}
                              size={buttonSizes.SMALL}
                              onClick={onRequestClose}
                              data-testid="modal-close-icon"
                              {...closeButtonProps}
                            /&gt;
                          )}
                        </button></section>
                      )}

                      
                        {children}
                      
                      {footer &amp;&amp; (
                        <section>
                          {footer}
                        </section>
                      )}