import * as React from 'react' ; import { ValuesProps } from './Values.types' ; import * as S from '../../Collector.styles' ; const Values = ( { values , onDeselect , disabled , focused , displayLookupKey } ) => { return ( < > { values . map ( ( val , index ) => ( < S . CollectorValue key = { `${ val }-${ index }` } onRemoveClick = { ( ) : void => { onDeselect && onDeselect ( val ) ; } } value = { val [ displayLookupKey ] } focused = { focused } disabled = { disabled } / > ) ) } < />); } ; export default Values ;