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

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

import { TOKENS, TYPES } from "../consts";
import getButtonLinkTypeToken from "./getButtonLinkTypeToken";
const getButtonLinkStyles = ({
  type,
  theme,
  compact
}) => {
  const wrappedTypeToken = name => getButtonLinkTypeToken(name, type, theme);
  const commonStyles = {
    background: wrappedTypeToken(TOKENS.background),
    foreground: wrappedTypeToken(TOKENS.foreground),
    foregroundHover: wrappedTypeToken(TOKENS.foregroundHover),
    foregroundActive: wrappedTypeToken(TOKENS.foregroundActive),
    foregroundFocus: wrappedTypeToken(TOKENS.foregroundActive)
  };
  if (compact) {
    if (type === TYPES.SECONDARY) {
      return {
        ...commonStyles,
        foregroundHover: theme.orbit.colorTextButtonLinkSecondaryCompactHover,
        foregroundActive: theme.orbit.colorTextButtonLinkSecondaryCompactHover,
        foregroundFocus: theme.orbit.colorTextButtonLinkSecondaryCompactActive
      };
    }
    return commonStyles;
  }
  return {
    backgroundHover: wrappedTypeToken(TOKENS.backgroundHover),
    backgroundActive: wrappedTypeToken(TOKENS.backgroundActive),
    backgroundFocus: wrappedTypeToken(TOKENS.backgroundActive),
    ...commonStyles
  };
};
export default getButtonLinkStyles;