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;
|