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 24 25 26 27 28 29 30 31 32 33 34 35 | 1x 1x 1x 1x 1x | import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
import Font from '../Font';
import withStyle from '../../Theme/withStyle';
import shadows from './shadows';
const modifyProps = ({ css, rize, size, theme, ...props }) => {
const nextCss = {};
if (rize && rize < shadows.length - 1) {
Object.assign(nextCss, {
boxShadow: shadows[rize],
});
}
if (size) {
const cssSize = `${size}px`;
Object.assign(nextCss, { width: cssSize, height: cssSize });
}
return { element: 'div', ...props, css: { ...nextCss, ...css } };
};
const Paper = forwardRef((props, ref) => <Font atomRef={ref} {...modifyProps(props)} />);
Paper.displayName = 'Paper';
Paper.propTypes = {
rize: PropTypes.number,
size: PropTypes.number,
};
Paper.defaultProps = {
rize: 0,
size: 0,
};
export default withStyle(Paper);
|