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

order: order,
          onChange: this.onChangeOffer
        }), _react.default.createElement(_ShippingSummaryItem.ShippingSummaryItemFragmentContainer, {
          order: order,
          onChange: this.onChangeShipping
        }), _react.default.createElement(_CreditCardSummaryItem.CreditCardSummaryItemFragmentContainer, {
          order: order,
          onChange: this.onChangePayment,
          title: "Payment method"
        })), _react.default.createElement(_Responsive.Media, {
          greaterThan: "xs"
        }, _react.default.createElement(_ItemReview.ItemReviewFragmentContainer, {
          lineItem: order.lineItems.edges[0].node
        }), _react.default.createElement(_palette.Spacer, {
          mb: 3
        }), _react.default.createElement(_palette.Button, {
          size: "large",
          width: "100%",
          loading: isCommittingMutation,
          onClick: function onClick() {
            return _this4.onSubmit();
          }
        }, "Submit"), _react.default.createElement(_palette.Spacer, {
          mb: 2
        }), _react.default.createElement(_ConditionsOfSaleDisclaimer.ConditionsOfSaleDisclaimer, {
          textAlign: "center"
        })))),
        Sidebar: _react.default.createElement(_palette.Flex, {
          flexDirection: "column"
        }, _react.default.createElement(_palette.Flex, {
          flexDirection: "column"
        }, _react.default.createElement(_ArtworkSummaryItem.ArtworkSummaryItemFragmentContainer, {

}), _react.default.createElement(_ConditionsOfSaleDisclaimer.ConditionsOfSaleDisclaimer, {
          textAlign: "center"
        })))),
        Sidebar: _react.default.createElement(_palette.Flex, {
          flexDirection: "column"
        }, _react.default.createElement(_palette.Flex, {
          flexDirection: "column"
        }, _react.default.createElement(_ArtworkSummaryItem.ArtworkSummaryItemFragmentContainer, {
          order: order
        }), _react.default.createElement(_TransactionDetailsSummaryItem.TransactionDetailsSummaryItemFragmentContainer, {
          order: order
        })), _react.default.createElement(_palette.Spacer, {
          mb: [2, 3]
        }), _react.default.createElement(_Responsive.Media, {
          at: "xs"
        }, _react.default.createElement(_palette.Button, {
          size: "large",
          width: "100%",
          loading: isCommittingMutation,
          onClick: function onClick() {
            return _this4.onSubmit();
          }
        }, "Submit"), _react.default.createElement(_palette.Spacer, {
          mb: 2
        }), _react.default.createElement(_ConditionsOfSaleDisclaimer.ConditionsOfSaleDisclaimer, null)))
      })));
    }
  }]);

flexDirection: "column",
    justifyContent: "center"
  }, _react.default.createElement(_palette.Box, {
    mx: "auto"
  }, _react.default.createElement(_ConditionsOfSaleCheckbox.ConditionsOfSaleCheckbox, {
    selected: values.agreeToTerms,
    onSelect: function onSelect(value) {
      setFieldValue("agreeToTerms", value);
      setFieldTouched("agreeToTerms");
    }
  })), touched.agreeToTerms && errors.agreeToTerms && _react.default.createElement(_palette.Sans, {
    mt: 1,
    color: "red100",
    size: "2",
    textAlign: "center"
  }, errors.agreeToTerms)), _react.default.createElement(_palette.Button, _extends({
    mt: 1,
    size: "large",
    width: "100%",
    loading: isSubmitting
  }, {
    type: "submit"
  }), "Register"));
};

selected: values.agreeToTerms,
        onSelect: function onSelect(value) {
          setFieldValue("agreeToTerms", value);
          setFieldTouched("agreeToTerms");
        }
      }), touched.agreeToTerms && errors.agreeToTerms && _react.default.createElement(_palette.Sans, {
        mt: 1,
        color: "red100",
        size: "2",
        textAlign: "center"
      }, errors.agreeToTerms))), status && _react.default.createElement(_palette.Sans, {
        textAlign: "center",
        size: "3",
        color: "red100",
        mb: 2
      }, status, "."), _react.default.createElement(_palette.Button, _extends({
        size: "large",
        width: "100%",
        loading: isSubmitting
      }, {
        type: "submit"
      }), "Confirm bid"))));
    }
  }));