@kiwicom/orbit-components/es/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.

import { convertHexToRgba } from "@kiwicom/orbit-design-tokens";
import { TOKENS, TYPE_OPTIONS } from "../consts";
import { BUTTON_STATES } from "../../primitives/ButtonPrimitive/common/consts";
import getSocialButtonTypeToken from "./getSocialButtonTypeToken";
const opacity = {
  [TYPE_OPTIONS.APPLE]: 15,
  [TYPE_OPTIONS.FACEBOOK]: 8,
  [TYPE_OPTIONS.GOOGLE]: 8,
  [TYPE_OPTIONS.TWITTER]: 8,
  [TYPE_OPTIONS.EMAIL]: 8
};

const getButtonBoxShadow = (state, disabled, theme, type) => {
  const wrappedButtonTypeToken = name => getSocialButtonTypeToken(name, type, theme);

  if (disabled) {
    return null;
  }

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

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

  return null;
};

export default getButtonBoxShadow;