import React , { CSSProperties } from 'react' ; interface PasswordStrengthBarItemProps { score : number ; itemNum : number ; barColors : string [ ] ; } const itemStyle = { flexBasis : 0 , flexGrow : 1 , position : 'relative' , maxWidth : '100%' , width : '100%' , height : 2 , } ; const Item = ( { score , itemNum , barColors , } ) => { let bgColor = barColors [ 0 ] ; if ( score >= itemNum ) { bgColor = barColors [ score ] ; } return ( < div style = { { ... itemStyle , backgroundColor : bgColor , } } />); } ; export default Item ;