@kiwicom/orbit-components/es/ButtonLink/helpers/getButtonLinkBoxShadow.js

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

import { css } from "styled-components";
import convertHexToRgba from "@kiwicom/orbit-design-tokens/lib/convertHexToRgba";
import { BUTTON_STATES } from "../consts";

const getButtonLinkBoxShadow = state => ({
  disabled,
  theme,
  transparent
}) => {
  if (disabled) {
    return null;
  }

  if (state === BUTTON_STATES.ACTIVE && !transparent) {
    return css(["box-shadow:inset 0 0 6px 3px ", ";"], convertHexToRgba(theme.orbit.paletteInkNormal, 8));
  }

  if (state === BUTTON_STATES.FOCUS) {
    return css(["box-shadow:0 0 1px 1px ", ",0 0 1px 3px ", ";", ";"], theme.orbit.colorTextButtonWhiteBordered, convertHexToRgba(theme.orbit.paletteBlueNormal, 60), !transparent && css(["&:active{box-shadow:inset 0 0 6px 3px ", ";}"], convertHexToRgba(theme.orbit.paletteInkNormal, 8)));
  }

  return null;
};

export default getButtonLinkBoxShadow;