All files / components/ColorBox StyledColorBox.js

100% Statements 4/4
75% Branches 3/4
100% Functions 1/1
100% Lines 4/4

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        13x         13x 3x           13x      
import styled, { css } from 'styled-components';
import { string, number } from 'prop-types';
import { getBoxBgColor, getBoxElevation } from './colorBoxSelectors';
 
const propTypes = {
  bgColor: string,
  elevation: number,
};
 
const StyledColorBox = styled.div`
  ${({ theme, bgColor, elevation }) => css`
    ${bgColor && `background-color: ${getBoxBgColor(theme, bgColor)};`}
    ${elevation && getBoxElevation(theme, elevation)}}
  `}
`;
 
StyledColorBox.propTypes = propTypes;
 
export default StyledColorBox;