import { EuiProgress } from '@elastic/eui' ; import React from 'react' ; import { unit } from '../../../utils/style' ; export interface ImpactBarProps extends Record < string , unknown > { value : number ; size ? : 's' | 'l' | 'm' ; max ? : number ; color ? : string ; } const style = { width : `${ unit * 6 }px` } ; export function ImpactBar ( { value , size = 'm' , max = 100 , color = 'primary' , ... rest } ) { return ( < EuiProgress size = { size } value = { value } max = { max } color = { color } style = { style } { ... rest } />); }