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 36 37 38 | 1x 1x 1x 1x 1x 1x | import React from 'react'; import PropTypes from 'prop-types'; import withStyle from '../../Theme/withStyle'; import Atom from '../../atoms/Atom'; import Paper from '../../atoms/Paper'; import { getProgressStyle } from './style'; const getPaperProps = (height, rest) => { const nextCss = { ...rest.css, height }; return { ...rest, css: nextCss }; }; const LinearProgress = ({ progress, height, ...rest }) => ( <Paper clip transparent hard {...getPaperProps(height, rest)}> <Atom /> <Atom css={getProgressStyle(progress)} /> </Paper> ); LinearProgress.displayName = 'LinearProgress'; LinearProgress.propTypes = { /** Completed percents */ progress: PropTypes.number, /** Bar height */ height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), }; LinearProgress.defaultProps = { progress: null, height: 8, }; export const SimpleLinearProgress = LinearProgress; export default withStyle(LinearProgress); |