@kiwicom/orbit-components/lib/SocialButton/helpers/getSocialButtonBoxShadow.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").default;

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

var _orbitDesignTokens = require("@kiwicom/orbit-design-tokens");

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

var _consts2 = require("../../primitives/ButtonPrimitive/common/consts");

var _getSocialButtonTypeToken = _interopRequireDefault(require("./getSocialButtonTypeToken"));

const opacity = {
  [_consts.TYPE_OPTIONS.APPLE]: 15,
  [_consts.TYPE_OPTIONS.FACEBOOK]: 8,
  [_consts.TYPE_OPTIONS.GOOGLE]: 8,
  [_consts.TYPE_OPTIONS.TWITTER]: 8
};

const getButtonBoxShadow = (state, disabled, theme, type) => {
  const wrappedButtonTypeToken = name => (0, _getSocialButtonTypeToken.default)(name, type, theme);

  if (disabled) {
    return null;
  }

  if (state === _consts2.BUTTON_STATES.ACTIVE) {
    return `inset 0 0 6px 3px ${(0, _orbitDesignTokens.convertHexToRgba)(theme.orbit.paletteInkNormal, opacity[type])};`;
  }

  if (state === _consts2.BUTTON_STATES.FOCUS) {
    return `0 0 0 3px ${wrappedButtonTypeToken(_consts.TOKENS.borderColorButtonFocus)}`;
  }

  return null;
};

var _default = getButtonBoxShadow;
exports.default = _default;