All files / src/Link styles.js

0% Statements 0/6
0% Branches 0/2
0% Functions 0/2
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38                                                                           
import styled, { css } from 'styled-components';
import defaultTheme from '../theme';
 
const StyledLink = styled.a`
    color: ${props => props.theme.linkColor};
    appearance: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    text-align: center;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
 
    &:focus {
        text-decoration: none;
    }
 
    &:hover {
        text-decoration: none;
    }
 
    ${props =>
        props.style &&
        css`
            ${props.style};
        `};
`;
 
StyledLink.defaultProps = {
    theme: defaultTheme,
};
 
export { StyledLink };