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

value: function render() {
      var _this4 = this;

      var _this$props = this.props,
          order = _this$props.order,
          isCommittingMutation = _this$props.isCommittingMutation;
      return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_HorizontalPadding.HorizontalPadding, {
        px: [0, 4]
      }, _react.default.createElement(_palette.Row, null, _react.default.createElement(_palette.Col, null, _react.default.createElement(_OrderStepper.OrderStepper, {
        currentStep: "Review",
        steps: order.mode === "OFFER" ? _OrderStepper.offerFlowSteps : _OrderStepper.buyNowFlowSteps
      })))), _react.default.createElement(_HorizontalPadding.HorizontalPadding, null, _react.default.createElement(_TwoColumnLayout.TwoColumnLayout, {
        Content: _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_palette.Join, {
          separator: _react.default.createElement(_palette.Spacer, {
            mb: 3
          })
        }, _react.default.createElement(_palette.Flex, {
          flexDirection: "column",
          mb: [2, 3]
        }, order.mode === "OFFER" && _react.default.createElement(_OfferSummaryItem.OfferSummaryItemFragmentContainer, {
          order: order,
          onChange: this.onChangeOffer
        }), _react.default.createElement(_ShippingSummaryItem.ShippingSummaryItemFragmentContainer, {
          order: order,
          onChange: this.onChangeShipping