import React , { FunctionComponent } from 'react' ; import classnames from 'classnames' ; import { CallStatus } from '../../CallLogPanel/CallLog.interface' ; import styles from './ShinyBar.scss' ; export type ShinyBarProps = { isRinging ? : boolean ; status ? : CallStatus ; className ? : string ; } ; export const ShinyBar = ( { isRinging , className , status = 'callEnd' , } ) => ( < div className = { classnames ( styles . shinyBar , styles [ status ] , isRinging && styles . ringing , className ) } data - sign = { `shinyBar-${ status }` } > < div /> < /div>); ShinyBar . defaultProps = { isRinging : false , } ;