File "index.tsx"
Full Path: /home/warrior1/public_html/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-videopress/src/client/admin/components/progress-bar/index.tsx
File size: 829 bytes
MIME-type: text/x-java
Charset: utf-8
/**
* External dependencies
*/
import classnames from 'classnames';
/**
* Internal dependencies
*/
import styles from './style.module.scss';
import { ProgressBarProps } from './types';
import type React from 'react';
/**
* Progress Bar component
*
* @param {ProgressBarProps} props - Component props.
* @returns {React.ReactNode} - ProgressBar react component.
*/
const ProgressBar: React.FC< ProgressBarProps > = ( { className, progress } ) => {
if ( progress == null ) {
return null;
}
const normalizedProgress = Math.max( Math.min( progress, 1 ), 0 );
const style = {
width: `${ normalizedProgress * 100 }%`,
};
return (
<div className={ classnames( className, styles.wrapper ) }>
<div className={ classnames( styles.progress ) } style={ style }></div>
</div>
);
};
export default ProgressBar;