import Styles from './spinner-styles.scss' ; import React from 'react' ; type Props = React . HTMLAttributes < HTMLElement > & { isNegative ? : boolean ; } ; const Spinner = ( { isNegative , ... props } ) => { const negativeClass = isNegative ? Styles . negative : '' ; return ( < div { ... props } data - testid = "spinner" className = { [ Styles . spinner , negativeClass , props . className ] . join ( ' ' ) } > < div /><div / > < div /><div / > < /div>); } ; export default Spinner ;