import { styled } from 'styleh-components';
import { media } from '@skava/styleh-toolset';
import { SocialSignInButton } from './SocialSignInButton';
// @todo other props here...
export const StyledGoogleSocialLoginButton = styled(SocialSignInButton) `
  color: var(--color-dark-grey);
  border: 1px solid var(--color-dark-grey);
`;
// background-color: $colors-twitter-blue;
export const StyledTwitterSocialLoginButton = styled(SocialSignInButton) `
  background-color: rgb(66, 153, 252);
  color: white;
`;
export const StyledFacebookSocialLoginButton = styled(SocialSignInButton) `
  background-color: rgb(60, 90, 151);
  color: white;
`;
export const SocialSignInButtonGroupWrap = styled.div `
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  button {
    ${media.phoneOrSmaller `
      margin: var(--spacing-small);
    `}
  }
`;
//# sourceMappingURL=styled.js.map