All files / src/Image styles.ts

100% Statements 2/2
80% Branches 8/10
100% Functions 1/1
100% Lines 1/1

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      42x                                                                        
import { css, cssClass } from '../styled';
import { theme } from '../utils';
 
export const Image = styleProps => cssClass`
  ${styleProps.isFixed &&
    css`
      max-width: unset;
 
      ${theme(styleProps.themeKey, `css.fixed`)(styleProps)};
    `}
 
  ${styleProps.fit === 'contain' &&
    css`
      object-fit: contain;
 
      ${styleProps.fitPosition &&
        css`
          object-position: ${styleProps.fitPosition};
        `};
 
      ${theme(styleProps.themeKey, `css.contain`)(styleProps)};
    `}
 
  ${styleProps.fit === 'cover' &&
    css`
      object-fit: cover;
 
      ${styleProps.fitPosition &&
        css`
          object-position: ${styleProps.fitPosition};
        `};
 
      ${theme(styleProps.themeKey, `css.cover`)(styleProps)};
    `}
 
  & {
    ${theme(styleProps.themeKey, `css.root`)(styleProps)};
  }
`;