wix-style-react/dist/src/Notification/ActionButton/ActionButton.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Button = _interopRequireDefault(require("../../Button"));

var _TextButton = _interopRequireDefault(require("../../TextButton"));

var _constants = require("../constants");

var _NotificationSt = require("../Notification.st.css");

var ActionButton = function ActionButton(_ref) {
  var children = _ref.children,
      onClick = _ref.onClick,
      type = _ref.type,
      link = _ref.link,
      target = _ref.target;
  var commonProps = {
    dataHook: _constants.dataHooks.notificationCtaButton,
    onClick: onClick
  };

  if (type === 'textLink') {
    return /*#__PURE__*/_react["default"].createElement(_TextButton["default"], (0, _extends2["default"])({
      className: _NotificationSt.classes.textLink,
      underline: "always",
      skin: "light",
      as: "a",
      href: link,
      target: target
    }, commonProps), children);
  } else {
    return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
      className: _NotificationSt.classes.button,
      type: "button",
      size: "small",
      skin: "transparent"
    }, commonProps), children);
  }
};

ActionButton.propTypes = {
  children: _propTypes["default"].any,
  onClick: _propTypes["default"].func,
  link: _propTypes["default"].string,
  type: _propTypes["default"].string,
  target: _propTypes["default"].string
};
ActionButton.defaultProps = {
  type: 'button',
  target: '_self'
};
ActionButton.displayName = 'Notification.ActionButton';
var _default = ActionButton;
exports["default"] = _default;