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