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 | 13x 13x 3x 13x | import React from 'react'; import { string, number } from 'prop-types'; import StyledColorBox from './StyledColorBox'; import { ColorBoxContext } from './context'; const propTypes = { /** one of: neutral, primary, success, danger, warning */ bgColor: string, /** one of: 1, 2 */ elevation: number, }; const ColorBox = ({ bgColor, elevation, ...rest }) => ( <ColorBoxContext.Provider value={bgColor}> <StyledColorBox bgColor={bgColor} elevation={elevation} {...rest} /> </ColorBoxContext.Provider> ); ColorBox.propTypes = propTypes; export default ColorBox; |