All files / components/Box Box.js

100% Statements 4/4
100% Branches 0/0
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 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;