@kiwicom/orbit-components/lib/ButtonMobileStore/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

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

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

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

var React = _interopRequireWildcard(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _defaultTheme = _interopRequireDefault(require("../defaultTheme"));

var _consts = require("./consts");

var _src;

var StyledButtonMobileStore = (0, _styledComponents.default)(function (_ref) {
  var theme = _ref.theme,
      type = _ref.type,
      props = (0, _objectWithoutProperties2.default)(_ref, ["theme", "type"]);
  return /*#__PURE__*/React.createElement("a", props, props.children);
}).withConfig({
  displayName: "ButtonMobileStore__StyledButtonMobileStore",
  componentId: "sc-1ovc44a-0"
})(["display:inline-block;height:", ";"], _consts.HEIGHT); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198

StyledButtonMobileStore.defaultProps = {
  theme: _defaultTheme.default
};
var src = (_src = {}, (0, _defineProperty2.default)(_src, _consts.TYPE_VARIANT.DARK, {
  appStore: "https://images.kiwi.com/common/AppStoreGrayButton.png, https://images.kiwi.com/common/AppStoreGrayButton@2x.png 2x",
  googlePlay: "https://images.kiwi.com/common/GooglePlayGrayButton.png, https://images.kiwi.com/common/GooglePlayGrayButton@2x.png 2x"
}), (0, _defineProperty2.default)(_src, _consts.TYPE_VARIANT.LIGHT, {
  appStore: "https://images.kiwi.com/common/AppStoreLightButton.png, https://images.kiwi.com/common/AppStoreLightButton@2x.png 2x",
  googlePlay: "https://images.kiwi.com/common/GooglePlayLightButton.png, https://images.kiwi.com/common/GooglePlayLightButton@2x.png 2x"
}), _src);

var ButtonMobileStore = function ButtonMobileStore(_ref2) {
  var _ref2$type = _ref2.type,
      type = _ref2$type === void 0 ? _consts.TYPE_OPTIONS.APPSTORE : _ref2$type,
      _ref2$variant = _ref2.variant,
      variant = _ref2$variant === void 0 ? _consts.TYPE_VARIANT.DARK : _ref2$variant,
      href = _ref2.href,
      onClick = _ref2.onClick,
      dataTest = _ref2.dataTest,
      _ref2$alt = _ref2.alt,
      alt = _ref2$alt === void 0 ? "" : _ref2$alt,
      _ref2$stopPropagation = _ref2.stopPropagation,
      stopPropagation = _ref2$stopPropagation === void 0 ? false : _ref2$stopPropagation;

  var onClickHandler = function onClickHandler(ev) {
    if (stopPropagation) {
      ev.stopPropagation();
      if (onClick) onClick();
    }

    if (onClick) onClick();
  };

  return /*#__PURE__*/React.createElement(StyledButtonMobileStore, {
    href: href,
    target: "_blank",
    rel: "noopener noreferrer",
    onClick: onClickHandler,
    "data-test": dataTest
  }, /*#__PURE__*/React.createElement("img", {
    srcSet: src[variant][type],
    height: _consts.HEIGHT,
    alt: alt
  }));
};

var _default = ButtonMobileStore;
exports.default = _default;