How to use the @artsy/palette.ChevronIcon function in @artsy/palette

right: rightPosition,
          showArrow: showRightArrow
        }, _react.default.createElement(ArrowButton, {
          height: height,
          onClick: function onClick() {
            _this.flickity.next();

            if (onArrowClick) {
              onArrowClick({
                state: _this.state,
                props: _this.props,
                flickity: _this.flickity
              });
            }
          }
        }, _react.default.createElement(_palette.ChevronIcon, {
          height: 30,
          direction: "right",
          fill: "black100",
          width: 30
        })));
      }; // Override default arrow display if custom render callback has been passed