import React from 'react' ; import styled from 'styled-components' ; import defaultTheme from 'design/theme' ; import Button from './../Button/Button' ; function ButtonLink ( { ... props } ) { return < Button as = { StyledButtonLink } { ... props } />; } ButtonLink . propTypes = { ... Button . propTypes , } ; ButtonLink . defaultProps = { size : 'medium' , theme : defaultTheme , } ; ButtonLink . displayName = 'ButtonLink' ; const StyledButtonLink = styled . a `
  color: ${ ( { theme } ) => theme . colors . link };
  font-weight: normal;
  background: none;
  text-decoration: underline;
  text-transform: none;
  padding: 0 8px;

  &:hover,
  &:focus {
    background: ${ ( { theme } ) => theme . colors . primary . light };
  }
` ; export default ButtonLink ;