export function ProgressBar( { value, tone = 'green' } ) {
	const pct = Math.max( 0, Math.min( 100, Number( value ) || 0 ) );
	return (
		<div className="nros-progress" aria-hidden="true">
			<div className={ `nros-progress__fill nros-progress__fill--${ tone }` } style={ { width: `${ pct }%` } } />
		</div>
	);
}
