// @flow
import { css } from 'styled-components';
import { getPaletteColor } from '../../../mixins/branding';

export const commonStyles = css`
  color: ${getPaletteColor('brand-primary-fg')};
  border-width: 0;
  background-color: ${getPaletteColor('brand-primary-bg')};
`;

export const cryptoSpecificButtonStyles = css`
  && {
    ${commonStyles}

    &:enabled:hover {
      background-color: ${getPaletteColor('brand-primary-bg-hover')};
    }

    &:enabled:active {
      background: ${getPaletteColor('brand-primary-bg')};
    }
  }
`;

export const cryptoSpecificLinkStyles = css`
  && {
    ${commonStyles}

    &:hover {
      background-color: ${getPaletteColor('brand-primary-bg-hover')};
    }

    &:active {
      background: ${getPaletteColor('brand-primary-bg')};
    }
  }
`;
