Image styles.js

0% Statements 0/9

0% Branches 0/8

0% Functions 0/6

0% Lines 0/9

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
39
40  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import styled, { css } from 'styled-components';
 
const StyledImageWrapper = styled.div`
    position: relative;
    overflow: hidden;
 
    ${props =>
        props.inline &&
        css`
            display: inline-flex;
            height: 100%;
            justify-content: center;
            align-items: center;
        `};
`;
 
const StyledImage = styled.img.attrs({
    src: props => props.src || '',
    onLoad: props => props.handleImageLoaded,
    onError: props => props.handleImageErrored,
})`
    display: block;
    height: auto;
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
 
    ${props =>
        props.rounded &&
        css`
            border-radius: 50%;
        `} ${props =>
            props.style &&
            css`
                ${props.style};
            `};
`;
 
export { StyledImageWrapper, StyledImage };