Presentational Component v3

SocialMediaLogin.js.jsx

/**
 * Social Media Login Button
 */
export const types = {
  FACEBOOK: 'facebook',
  GOOGLE: 'google',
  EMAIL: 'email'
};

export const SocialMediaLogin = props => { 
  return (
    <div className={`${props.type}-button`}>
      <a className='WhiteText' href={`/auth/${props.type}`}>
        {props.label}
      </a>
      <img className='social-logo' src={props.logo} />
    </div>
  );
}

SocialMediaLogin.defaultProps = {
  type: types.EMAIL,
  label: 'Login',
  logo: require('images/email.svg')
}