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 2x 13x | import React from 'react'; import { string, number } from 'prop-types'; import StyledBox from './StyledBox'; import { BoxContext } from './context'; const propTypes = { /** bgColors keys in the theme passed to <BoxProvider /> */ bgColor: string, /** elevations keys in the theme passed to <BoxProvider /> */ elevation: number, }; const Box = ({ bgColor, elevation, ...rest }) => ( <BoxContext.Provider value={bgColor}> <StyledBox bgColor={bgColor} elevation={elevation} {...rest} /> </BoxContext.Provider> ); Box.propTypes = propTypes; export default Box; |